echarts圆环图有两种类型,每一种类型都是0的时候如何填充100%

echarts圆环图有两种类型,每一种类型都是0的时候如何填充100%?

对于 echarts 圆环图,如果每一种类型都是0,想要填充100%,可以设置两条数据线,一条数据线的 value 为0,一条数据线的 value 为1,这样就可以填充整个圆环,同时保持数据为0。具体实现可以参考下面的代码:

option = {
  series: [
    {
      type: 'pie',
      radius: ['50%', '70%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '30',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 0, name: '' },
        { value: 1, name: '' }
      ]
    }
  ]
};

其中,第一个数据表示数值为0的那段圆环,第二个数据表示数值为1的那段圆环。通过设置 value 的值为0和1来实现填充整个圆环的效果。