关于vue组件中通过v-for循环echarts图表,只显示第一个的问题

如图:

1.当正常循环时id固定,就会出现第二图不显示,上图为成功后图。

2.改造id,加上索引成功解决此问题。

<div :id="`radar${index}`" style="width: 373px; height: 354px;"></div>
this.creditInfomatDataArr.forEach((v, index) => {
     let myChart = echarts.init(document.getElementById(`radar${index}`));
     myChart.setOption(this.option);
})

来自互联网参考:https://blog.csdn.net/weixin_30532987/article/details/97105623

猜你喜欢

转载自www.cnblogs.com/jiaqi1719/p/11833252.html