最近是使用echarts的时候遇到了一个问题,同个界面有三个地方需要显示饼状图,其中第一个正常显示,第二个和第三个出现了图表现实不全的问题,如下所示:
上图分别是第二张图和第三张图,他们是按照正常比例来显示的,显示的是不正常的。
若要正常显示,就会出现图表显示不全,只显示部分图表(不想再去复现了,所以就将就着看吧,哈哈)
要想解决上述问题,需要在设置此图表的option树形之前添加一句
chart.resize()
就可以了
chart.resize() //chart为 const chart = echarts.init(document.getElementById('chart' + index))
加上去之后效果如下图
图表一:
图表二:
图表三:
这样,图表就可以正常的显示喽~