| | |
| | | } |
| | | if (this.lineChart) { |
| | | this.lineChart.setOption(this.option, { notMerge: true }); |
| | | // console.log('折线图生成:立即'); |
| | | } else { |
| | | this.onChartCreated = () => { |
| | | this.lineChart.setOption(this.option, { notMerge: true }); |
| | |
| | | }, |
| | | mounted() { |
| | | this.lineChart = echarts.init(this.$refs.lineChart); |
| | | if (typeof this.onChartCreated === 'function') { |
| | | this.onChartCreated(); |
| | | } |
| | | this.onChartCreated(); |
| | | // setTimeout(() => { |
| | | // if (typeof this.onChartCreated === 'function') { |
| | | // this.onChartCreated(); |
| | | // // console.log('折线图生成:滞后'); |
| | | // } |
| | | // }, 500); |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | justify-content: center; |
| | | } |
| | | .line-chart { |
| | | width: 300px; |
| | | width: 318px; |
| | | height: 140px; |
| | | /* border-bottom: 1px solid rgba(255, 255, 255, 0.329); */ |
| | | } |