From 8c9f89329256299c1cc68ed461e4f8621275aa7d Mon Sep 17 00:00:00 2001 From: guoshipeng <3194674006@qq.com> Date: Thu, 27 Oct 2022 09:08:57 +0800 Subject: [PATCH] 郭世朋20221027提交空气质量报告页面 --- src/components/Echarts/LineChart.vue | 56 +++++++++++++++++++++++++++++--------------------------- 1 files changed, 29 insertions(+), 27 deletions(-) diff --git a/src/components/Echarts/LineChart.vue b/src/components/Echarts/LineChart.vue index 7948ca8..a141d44 100644 --- a/src/components/Echarts/LineChart.vue +++ b/src/components/Echarts/LineChart.vue @@ -65,10 +65,9 @@ // } }, mounted() { - // this.$nextTick(() => { - // this.initChart() - // }) - this.initChart() + this.$nextTick(() => { + this.initChart() + }) }, beforeDestroy() { if (!this.chart) { @@ -97,19 +96,19 @@ boundaryGap: false, axisTick: { show: false - }, + } // axisTick: { // ������������������������������ // alignWithLabel: true, // show: true // }, - axisLine: { - lineStyle: { - color: '#000000' - } - }, - axisLabel: { - interval: this.interval - } + // axisLine: { + // lineStyle: { + // color: '#000000' + // } + // }, + // axisLabel: { + // interval: this.interval + // } }, grid: { left: '5%', @@ -144,24 +143,27 @@ yAxis: { axisTick: { show: false // ������������ - }, - axisLine: { - lineStyle: { - color: '#000000' - } } + // axisLine: { + // lineStyle: { + // color: '#000000' + // } + // } }, legend: { - data: val.title + data: val.title, + tooltip: { + show: true + } }, - // dataZoom: [{ - // type: 'inside', - // start: 0, - // end: 100 - // }, { - // start: 0, - // end: 10 - // }], + dataZoom: [{ + type: 'inside', + start: 0, + end: 100 + }, { + start: 0, + end: 10 + }], series: val.series // [{ // name: JSON.parse(JSON.stringify(val.title)), -- Gitblit v1.8.0