diff --git a/src/components/echart/lineChart.vue b/src/components/echart/lineChart.vue index bd59c05..d960504 100644 --- a/src/components/echart/lineChart.vue +++ b/src/components/echart/lineChart.vue @@ -81,20 +81,22 @@ export default { }, xAxis: { type: 'category', - data: this.addArcivesData.addArcivesMonth, + // data: this.addArcivesData.addArcivesMonth, + data: ['2022-01', '2022-02', '2022-03', '2022-04', '2022-05', '2022-06'], axisLine: { // 轴线的颜色以及宽度 lineStyle: { - color: '#113D72' + color: 'rgba(17, 61, 114,0.5)' } }, + axisTick: { show: false }, axisLabel: { // x轴文字的配置 show: true, textStyle: { 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: { @@ -103,9 +105,10 @@ export default { max: 1000, splitNumber: 5, axisLine: { // 轴线的颜色以及宽度 - lineStyle: { - color: '#113D72' - } + // lineStyle: { + // color: '#113D72' + // } + show: false }, axisLabel: { // x轴文字的配置 show: true, @@ -118,15 +121,16 @@ export default { }, splitLine: { // 分割线配置 lineStyle: { - color: '#113D72', - type: 'dashed' + color: 'rgba(17, 61, 114,0.5)', + type: 'solid' } } }, series: [ { name: '新增档案', - data: this.addArcivesData.addArcivesNum, + // data: this.addArcivesData.addArcivesNum, + data: [100, 200, 300, 500, 600, 800], type: 'line', areaStyle: { normal: { @@ -138,19 +142,19 @@ export default { colorStops: [ { offset: 0.1, - color: 'rgba(51, 156, 255, 0.64)' // 0% 处的颜色 + color: 'rgba(26, 201, 255, 0.5)' // 0% 处的颜色 }, { offset: 0.5, - color: 'rgba(51, 156, 255, 0.3)' // 0% 处的颜色 + color: 'rgba(26, 201, 255, 0.3)' // 0% 处的颜色 }, { offset: 0.7, - color: 'rgba(51, 156, 255, 0.1)' // 0% 处的颜色 + color: 'rgba(26, 201, 255, 0.2)' // 0% 处的颜色 }, { offset: 0.9, - color: 'rgba(0,0,0, 0.1)' // 100% 处的颜色 + color: 'rgba(26, 201, 255, 0.1)' // 100% 处的颜色 } ] // globalCoord: false // 缺省为 false @@ -161,7 +165,7 @@ export default { normal: { color: '#339CFF', // 改变折线点的颜色 lineStyle: { - color: '#339CFF' // 改变折线颜色 + color: 'rgba(26, 201, 255,0.5)' // 改变折线颜色 } } } @@ -175,4 +179,7 @@ export default {