关于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