關於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