由于要在页面绘制2个折线图,所以使用了同一个echarts组件,但是在渲染的时候,只能展示出第一个折线图,第二个不显示,如图
最后发现我是通过id绑定的组件进行初始化,那么2个折线图就会使用同一个id,导致页面只渲染一个id,
正确的做法应该绑定ref
进行初始化
正确代码如下:
<div ref="LineChart" style="width: 100%; height: 25rem"></div>
使用this.$refs.LineChart
进行获取
this.chart = echarts.init(this.$refs.LineChart)
展示结果正确!