echarts饼状图标识线

### ECharts 饼状图标识线配置

在ECharts中，可以通过`labelLine`属性来控制饼图中的标识线显示与否以及其样式。对于不希望显示标识线的情况，可以设置`show`参数为`false`[^4]。

option = {
    series: [
        {
            type: 'pie',
            labelLine: {
                normal: {
                    show: false // 不显示标识线
                }
            },
            data:[
                {value:30, name:'篮球'},
                {value:45, name:'足球'},
                {value:25, name:'乒乓球'}
            ]
        }
    ]
};

当需要自定义标识线的长度和其他视觉效果时，则可进一步调整如下几个选项：

- `length`: 设置第一条线段（从扇形边缘到转折点）的长度；
- `length2`: 设定第二条线段（从转折点至标签位置）的长度；
- `lineStyle`: 定义线条的颜色、宽度等样式特征。

下面是一个更复杂的例子，展示了如何修改这些特性以获得更具个性化的外观:

option = {
    series: [{
        type: 'pie',
        radius: ['40%', '70%'],
        avoidLabelOverlap: false,
        itemStyle: {
            borderRadius: 10,
            borderColor: '#fff',
            borderWidth: 2
        },
        label: {
            show: true,
            position: 'outside'
        },
        labelLine: {
            length: 10,
            length2: 20,
            lineStyle: {
                color: 'rgba(255, 255, 255, 0.8)',
                width: 2
            }
        },
        data:[
            {value:335, name:'直接访问'},
            {value:310, name:'邮件营销'},
            {value:234, name:'联盟广告'},
            {value:135, name:'视频广告'},
            {value:1548, name:'搜索引擎'}
        ]
    }]
};

通过上述方式能够灵活地定制ECharts生成的饼图中标记线的表现形式，从而满足不同的可视化需求[^2].