echarts饼图如何设置圆角
时间: 2023-10-13 21:27:43 浏览: 481
ECharts饼图-圆角环形图.rar
在echarts中,可以通过设置series中的itemStyle属性来设置饼图的圆角。具体做法如下:
1. 在series中添加itemStyle属性,示例代码如下:
```
series: [{
name: '访问来源',
type: 'pie',
radius: '55%',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
itemStyle: {
borderRadius: 10, // 设置圆角
}
}]
```
2. 在itemStyle中设置borderRadius属性,值为圆角的大小,单位为px。示例代码中,设置圆角为10px。
3. 可以设置不同的圆角大小,也可以在饼图的每个扇形中设置不同的圆角大小,具体做法可以参考echarts官方文档。
阅读全文