|
|
@ -81,20 +81,22 @@ export default { |
|
|
}, |
|
|
}, |
|
|
xAxis: { |
|
|
xAxis: { |
|
|
type: 'category', |
|
|
type: 'category', |
|
|
data: this.addArcivesData.addArcivesMonth, |
|
|
|
|
|
|
|
|
// data: this.addArcivesData.addArcivesMonth, |
|
|
|
|
|
data: ['2022-01', '2022-02', '2022-03', '2022-04', '2022-05', '2022-06'], |
|
|
axisLine: { // 轴线的颜色以及宽度 |
|
|
axisLine: { // 轴线的颜色以及宽度 |
|
|
lineStyle: { |
|
|
lineStyle: { |
|
|
color: '#113D72' |
|
|
|
|
|
|
|
|
color: 'rgba(17, 61, 114,0.5)' |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
axisTick: { show: false }, |
|
|
axisLabel: { // x轴文字的配置 |
|
|
axisLabel: { // x轴文字的配置 |
|
|
show: true, |
|
|
show: true, |
|
|
textStyle: { |
|
|
textStyle: { |
|
|
color: '#fff' |
|
|
color: '#fff' |
|
|
}, |
|
|
|
|
|
formatter: function(value) { |
|
|
|
|
|
return echarts.format.formatTime('M月', new Date(value)) |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
// formatter: function(value) { |
|
|
|
|
|
// return echarts.format.formatTime('M月', new Date(value)) |
|
|
|
|
|
// } |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
yAxis: { |
|
|
yAxis: { |
|
|
@ -103,9 +105,10 @@ export default { |
|
|
max: 1000, |
|
|
max: 1000, |
|
|
splitNumber: 5, |
|
|
splitNumber: 5, |
|
|
axisLine: { // 轴线的颜色以及宽度 |
|
|
axisLine: { // 轴线的颜色以及宽度 |
|
|
lineStyle: { |
|
|
|
|
|
color: '#113D72' |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// lineStyle: { |
|
|
|
|
|
// color: '#113D72' |
|
|
|
|
|
// } |
|
|
|
|
|
show: false |
|
|
}, |
|
|
}, |
|
|
axisLabel: { // x轴文字的配置 |
|
|
axisLabel: { // x轴文字的配置 |
|
|
show: true, |
|
|
show: true, |
|
|
@ -118,15 +121,16 @@ export default { |
|
|
}, |
|
|
}, |
|
|
splitLine: { // 分割线配置 |
|
|
splitLine: { // 分割线配置 |
|
|
lineStyle: { |
|
|
lineStyle: { |
|
|
color: '#113D72', |
|
|
|
|
|
type: 'dashed' |
|
|
|
|
|
|
|
|
color: 'rgba(17, 61, 114,0.5)', |
|
|
|
|
|
type: 'solid' |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
series: [ |
|
|
series: [ |
|
|
{ |
|
|
{ |
|
|
name: '新增档案', |
|
|
name: '新增档案', |
|
|
data: this.addArcivesData.addArcivesNum, |
|
|
|
|
|
|
|
|
// data: this.addArcivesData.addArcivesNum, |
|
|
|
|
|
data: [100, 200, 300, 500, 600, 800], |
|
|
type: 'line', |
|
|
type: 'line', |
|
|
areaStyle: { |
|
|
areaStyle: { |
|
|
normal: { |
|
|
normal: { |
|
|
@ -138,19 +142,19 @@ export default { |
|
|
colorStops: [ |
|
|
colorStops: [ |
|
|
{ |
|
|
{ |
|
|
offset: 0.1, |
|
|
offset: 0.1, |
|
|
color: 'rgba(51, 156, 255, 0.64)' // 0% 处的颜色 |
|
|
|
|
|
|
|
|
color: 'rgba(26, 201, 255, 0.5)' // 0% 处的颜色 |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
offset: 0.5, |
|
|
offset: 0.5, |
|
|
color: 'rgba(51, 156, 255, 0.3)' // 0% 处的颜色 |
|
|
|
|
|
|
|
|
color: 'rgba(26, 201, 255, 0.3)' // 0% 处的颜色 |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
offset: 0.7, |
|
|
offset: 0.7, |
|
|
color: 'rgba(51, 156, 255, 0.1)' // 0% 处的颜色 |
|
|
|
|
|
|
|
|
color: 'rgba(26, 201, 255, 0.2)' // 0% 处的颜色 |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
offset: 0.9, |
|
|
offset: 0.9, |
|
|
color: 'rgba(0,0,0, 0.1)' // 100% 处的颜色 |
|
|
|
|
|
|
|
|
color: 'rgba(26, 201, 255, 0.1)' // 100% 处的颜色 |
|
|
} |
|
|
} |
|
|
] |
|
|
] |
|
|
// globalCoord: false // 缺省为 false |
|
|
// globalCoord: false // 缺省为 false |
|
|
@ -161,7 +165,7 @@ export default { |
|
|
normal: { |
|
|
normal: { |
|
|
color: '#339CFF', // 改变折线点的颜色 |
|
|
color: '#339CFF', // 改变折线点的颜色 |
|
|
lineStyle: { |
|
|
lineStyle: { |
|
|
color: '#339CFF' // 改变折线颜色 |
|
|
|
|
|
|
|
|
color: 'rgba(26, 201, 255,0.5)' // 改变折线颜色 |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -175,4 +179,7 @@ export default { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
|
|
|
.h{ |
|
|
|
|
|
color: rgb(26, 201, 255); |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
