echarts图表显示不全

最近是使用echarts的时候遇到了一个问题，同个界面有三个地方需要显示饼状图，其中第一个正常显示，第二个和第三个出现了图表现实不全的问题，如下所示：

上图分别是第二张图和第三张图，他们是按照正常比例来显示的，显示的是不正常的。

若要正常显示，就会出现图表显示不全，只显示部分图表（不想再去复现了，所以就将就着看吧，哈哈）

要想解决上述问题，需要在设置此图表的option树形之前添加一句
chart.resize()
就可以了

chart.resize() //chart为 const chart = echarts.init(document.getElementById('chart' + index))

加上去之后效果如下图

图表一：

图表二：

图表三：

这样，图表就可以正常的显示喽~