From 270b06c2faed5f2aa564c4a3b1246a5891188bc7 Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期二, 13 四月 2021 16:01:14 +0800 Subject: [PATCH] 废气图表点击显示 --- src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue | 26 ++++++++++++++++++++------ 1 files changed, 20 insertions(+), 6 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue index 2dd2517..e8b032e 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue @@ -141,20 +141,33 @@ } } }, - // mounted () { + // created () { // // this.$nextTick(() => { - // // console.log(1) // this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype) // // } // }, + mounted () { + this.onSubmit() + // this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype) + }, methods: { onSubmit () { + this.CreateChart() console.log(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype) - this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype) + // this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype) }, - CreateChart: function (id, title, legend, xdata, ydatas, yname, jcdID, datatype) { + CreateChart: function () { + // var id = this.JsonCtarts.id + // var title = this.JsonCtarts.title + var legend = this.JsonCtarts.legend + var xdata = this.JsonCtarts.xdata + var ydatas = this.JsonCtarts.ydatas + var yname = this.JsonCtarts.yname + // var jcdId = this.JsonCtarts.jcdID + var datatype = this.JsonCtarts.datatype + this.myChart = this.$echarts.init(this.$refs.main) - // this.myChart.clear() + this.myChart.clear() var dataUnit = '' if (datatype === 1) { dataUnit = '姘旈噺(m鲁/d)' @@ -339,7 +352,6 @@ }, legend: { // 鍥句緥 data: legend - // color: }, dataZoom: [{ type: 'inside', @@ -451,6 +463,7 @@ }], series: serLists } + console.log(option) this.myChart.setOption(option) /* this.myChart.on('legendselectchanged', function (params) { @@ -537,6 +550,7 @@ // } // } } + } </script> -- Gitblit v1.8.0