echarts 饼图为空心圆
时间: 2023-11-12 10:58:01 浏览: 147
解决echarts中饼图标签重叠的问题
要让 echarts 饼图为空心圆,可以通过设置 series 中的 radius 和 labelLine 属性来实现。具体做法是将 radius 的第二个值设置为一个小于 1 的小数,例如 0.6,同时将 labelLine 的 show 属性设置为 false,这样就可以让饼图变成空心圆了。
示例代码如下:
```
option = {
series: [{
type: 'pie',
radius: ['50%', '60%'], // 将第二个值设置为小于 1 的小数
labelLine: {
show: false // 不显示标签引导线
},
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}]
};
```
阅读全文