echarts 饼图 值为0时页面显示undefined%的解决方案

当饼图的数据为0时,页面会出现 undefined% 的情况

值为0的数据:

pieData: [
  {
     name: '分类一',
     value: 0,
  },
  {
     name: '分类二',
     value: 0,
  },
], //饼图数据

页面显示为undefined%

echarts 饼图 值为0时页面显示undefined%的解决方案_第1张图片

 我们可以通过 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%,页面效果:

echarts 饼图 值为0时页面显示undefined%的解决方案_第2张图片

 

你可能感兴趣的:(echarts,前端,javascript)