echarts中饼图引导线加圆点

在ECharts中，可以通过设置饼图的指示线加圆点来实现。可以使用series中的labelLine和label属性来控制引导线和圆点的样式。首先，需要设置labelLine的show属性为true，然后通过设置length和length2来控制引导线的长度。同时，可以通过设置label中的formatter属性来自定义引导线上的文字显示格式。而圆点的颜色可以通过设置itemStyle中的color属性来实现。

以下是一个示例代码，展示了如何在ECharts中实现饼图的引导线加圆点效果：

let data = [
  { "name": "业务1", "value": 25 },
  { "name": "业务2", "value": 10 },
  { "name": "业务3", "value": 15 },
  { "name": "业务4", "value": 15 },
  { "name": "业务5", "value": 25 },
  { "name": "业务6", "value": 10 }
];

let option = {
  backgroundColor: '#fff',
  animation: true,
  series: [
    {
      name: '访问来源',
      type: 'pie',
      radius: ['50%', '70%'],
      avoidLabelOverlap: false,
      labelLine: {
        normal: {
          show: true,
          length: 15,
          length2: 110,
          align: 'right'
        },
        emphasis: {
          show: true
        }
      },
      itemStyle: {
        normal: {
          label: {
            show: true,
            formatter: [
              '{a|{d}% {b}}',
              '{b|}'
            ].join('\n'),
            rich: {
              a: {
                left: 20,
                padding: [0, -100, -20, -100]
              },
              b: {
                height: 5,
                width: 5,
                lineHeight: 5,
                marginBottom: 10,
                padding: [0, -5],
                borderRadius: 5,
                backgroundColor: 'red'
              }
            }
          }
        }
      },
      data: data
    }
  ]
};

通过以上代码，可以实现饼图的引导线加圆点效果。其中，引导线的长度可以通过调整length和length2来控制，圆点的颜色可以通过设置itemStyle中的backgroundColor属性来定义。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>