ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示_百度知 ...
发布网友
发布时间:2024-10-19 11:29
我来回答
共1个回答
热心网友
时间:2024-10-31 16:30
问题原因:在饼图中,今日和本月两个按钮分别控制不同接口,点击后饼图数据源刷新。但点击今日按钮时,有一个饼图区域没有数据显示,对应数据值比例也不显示。而点击本月按钮后,该区域有数据,再切回今日按钮时,之前未显示的饼图区域显示提示信息,但值为0。
解决办法:由于echarts每次初始化绘图都会创建实例,因此,在初始化前,需要移除echarts.init创建的实例echartsInstance。
具体代码如下:
如上,问题得到解决。
参考文档:
① echarts重新加载数据没有绘出图
② echarts绘制图表,切换页面后返回,无刷新数据图表不显示问题
附录:
1、有同学反映,当饼图数值为0时,标签应该显示如下图的,但未显示。这可能是因为饼图的所占区域布局遮住了label的显示。可以调整series的radius或center属性适当调整,关于radius和center属性详解见下图。
2、有同学不想让为0的数据显示,可以参考以下文章:解决echarts饼图不显示数据为0的数据
热心网友
时间:2024-10-31 16:26
问题原因:在饼图中,今日和本月两个按钮分别控制不同接口,点击后饼图数据源刷新。但点击今日按钮时,有一个饼图区域没有数据显示,对应数据值比例也不显示。而点击本月按钮后,该区域有数据,再切回今日按钮时,之前未显示的饼图区域显示提示信息,但值为0。
解决办法:由于echarts每次初始化绘图都会创建实例,因此,在初始化前,需要移除echarts.init创建的实例echartsInstance。
具体代码如下:
如上,问题得到解决。
参考文档:
① echarts重新加载数据没有绘出图
② echarts绘制图表,切换页面后返回,无刷新数据图表不显示问题
附录:
1、有同学反映,当饼图数值为0时,标签应该显示如下图的,但未显示。这可能是因为饼图的所占区域布局遮住了label的显示。可以调整series的radius或center属性适当调整,关于radius和center属性详解见下图。
2、有同学不想让为0的数据显示,可以参考以下文章:解决echarts饼图不显示数据为0的数据