From 45e291c7e7a17d8b34535cc2d6847abcce39f574 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期日, 28 二月 2021 19:13:47 +0800 Subject: [PATCH] 朔黄进度条定制样式 --- src/pages/shuohuangMonitorAnalyze/components/charts/line.vue | 12 ++++++------ 1 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/charts/line.vue b/src/pages/shuohuangMonitorAnalyze/components/charts/line.vue index c2c3a19..4e491b5 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/charts/line.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/charts/line.vue @@ -1,5 +1,5 @@ <template> - <div ref="lineChart"></div> + <div ref="lineChart" style="width:100%;height:100%"></div> </template> <script> @@ -9,14 +9,14 @@ type: Object } }, - mounted(){ + mounted () { this.initLineChart(); }, - methods:{ - initLineChart(){ - this.$$nextTick(()=>{ + methods: { + initLineChart () { + this.$nextTick(() => { let dom = this.$echarts.init(this.$refs['lineChart']); - dom.setOption(this.options); + dom && dom.setOption(this.options); }) } } -- Gitblit v1.8.0