echarts 饼图 值为0时页面显示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%，页面效果：