diff --git a/src/views/sound/road/trend/index.vue b/src/views/sound/road/trend/index.vue index 19db703..6c62932 100644 --- a/src/views/sound/road/trend/index.vue +++ b/src/views/sound/road/trend/index.vue @@ -114,30 +114,39 @@ // 趋势图 drawTrend() { getTrendChart(this.queryParams).then( res => { - this.trendData = res.data.data - this.chartColumn = markRaw(echarts.init(document.getElementById('chartColumn'))) - this.chartColumn.setOption({ - tooltip: { - trigger: 'axis', - axisPointer: { - type: 'cross', - crossStyle: { - color: '#999' - } + console.log('res', res); + if (res.data.code == 0) { + this.trendData = res.data.data + this.initChart() + } else { + this.$message.error(res.data.msg) + } + }) + }, + initChart() { + echarts.init(document.getElementById("chartColumn")).dispose(); + this.chartColumn = markRaw(echarts.init(document.getElementById('chartColumn'))) + this.chartColumn.setOption({ + tooltip: { + trigger: 'axis', + axisPointer: { + type: 'cross', + crossStyle: { + color: '#999' } - }, - toolbox: { - feature: { - saveAsImage: { - show: true - } + } + }, + toolbox: { + feature: { + saveAsImage: { + show: true } - }, - legend: this.trendData.legend, - xAxis: this.trendData.xAxis, - yAxis: this.trendData.yAxis, - series: this.trendData.series - }) + } + }, + legend: this.trendData.legend, + xAxis: this.trendData.xAxis, + yAxis: this.trendData.yAxis, + series: this.trendData.series }) } }