有间隙得饼图实现方法

发布时间 2023-09-05 17:49:02作者: 沐阳歡

有两种办法:

第一种就是加border:适用于饼图内之间数值极差很小得情况。

第二种就是将间隙当作饼图得一部分,只不过色块是透明的而已。

data.push(
          {
            value: item.dataNum,
            name: name,
            rateData:item.dataRate,
            itemStyle: {
                normal: {
                    borderWidth: 1,//第一种方法就是这里这种
                    borderColor: color[i],
                }
            },
            label: {
                color: color[i]
            },
          }
      //这里就是第二种方法,加入透明得色块构成饼图的一部分 ,{ value: sum
/100,//数值控制间隔大小 sum是value总和 name: "", itemStyle: { normal: { color: "rgba(0, 0, 0, 0)",//均为透明颜色 borderColor: "rgba(0, 0, 0, 0)", borderWidth: 0, }, }, } );