当先锋百科网

首页 1 2 3 4 5 6 7

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

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

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

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

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

加上去之后效果如下图

图表一:

图表二:

图表三:

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