echarts 饼图 值为0时页面显示undefined%的解决方案
我们可以通过 label 的 formatter 来进行自定义调整,具体点就是在 formatter 里面判断当前percent是否为undefined。当饼图的数据为0时,页面会出现 undefined% 的情况。页面显示为undefined%
·
当饼图的数据为0时,页面会出现 undefined% 的情况
值为0的数据:
pieData: [
{
name: '分类一',
value: 0,
},
{
name: '分类二',
value: 0,
},
], //饼图数据
页面显示为undefined%

我们可以通过 label 的 formatter 来进行自定义调整,具体点就是在 formatter 里面判断当前percent是否为undefined
label: {
fontSize: 14,
color: "inherit",
formatter: (params) => {
if (params) {
return `${params.name}` + `\n\n${params.percent === undefined ? 0 : params.percent}%`
}
return ''
},
},
这样页面就会显示 0%,页面效果:

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)