饼图引导线设置为虚线，外引导线虚线

最新推荐文章于 2024-06-10 21:57:03 发布

前端积累

最新推荐文章于 2024-06-10 21:57:03 发布

阅读量462

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_58794925/article/details/127286096

版权

    series: [
             {
              type: "pie",
              radius: [0, "30%"],
              center:["70%","50%"],  //饼图位置设置
               minAngle: 8,         
                avoidLabelOverlap: true,  
              labelLine: {
                length: 70,
                lineStyle: {
                   type: "dashed" //外引导线几种值solid/dotted/dashed
                    }
              },

              label: {
                formatter: function (e) {
                  let {
                    data: { name, percent },
                  } = e;
                  return `{x|}{a|${name}：}{c|${percent}}`;
                },
                // minMargin: 8,
                // lineHeight: 15,
                //  distanceToLabelLine:8,
                rich: {
                  x: {
                    width: 10,
                    height: 10,
                  },
                  a: {
                    fontSize: 14,
                    align: "left",
                    color: "#fff",
                    padding: [0, 0, 0, 6],
                  },
                  c: {
                    fontSize: 14,
                    align: "left",
                    color: "#fff",
                    // padding: [8, 0, 0, 17],
                  },
                },
              },
              data: inData,
            },