echart圆环牵引线
时间: 2023-10-01 18:04:50 浏览: 66
ECharts圆环牵引线可以通过series中的labelLine属性进行配置。
例如,以下是一个简单的ECharts圆环图配置,其中labelLine设置为显示,lineStyle设置为虚线:
```javascript
option = {
series: [
{
name: '访问来源',
type: 'pie',
radius: ['40%', '60%'],
avoidLabelOverlap: false,
label: {
show: true,
position: 'outside',
formatter: '{b} {d}%',
textStyle: {
fontSize: 14
}
},
labelLine: {
show: true,
length: 20, // 设置牵引线的长度
lineStyle: {
type: 'dashed',
width: 1
}
},
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}
]
};
```
其中,labelLine中的length属性设置牵引线的长度。更多关于ECharts圆环图的配置可以参考ECharts官方文档。
阅读全文