echarts饼图label只显示在div内
时间: 2024-05-04 18:21:31 浏览: 79
可以通过设置 `labelLine` 属性来实现饼图标签只显示在饼图区域内,示例代码如下:
```javascript
option = {
series: [
{
type: 'pie',
radius: '50%',
label: {
show: true,
position: 'inside',
formatter: '{b} : {c} ({d}%)'
},
labelLine: {
show: true,
length: 10,
length2: 10,
smooth: false,
lineStyle: {
width: 1,
type: 'solid'
}
},
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}
]
};
```
其中,`labelLine` 中的 `length` 和 `length2` 属性分别表示标签线的起始位置和结束位置,可以根据需要进行调整。`smooth` 属性设置为 `false` 可以让标签线更加直接,`lineStyle` 可以设置标签线的样式。
阅读全文