echarts 饼图间隔
时间: 2023-10-19 07:36:20 浏览: 83
在 Echarts 中,可以通过设置饼图的 `roseType` 属性来控制饼图间的间隔。`roseType` 有两个可选值:`false` 和 `'radius'`。
- 当 `roseType` 设置为 `false` 时,饼图扇区之间的间隔是均匀的,大小由 `radius` 属性决定。
- 当 `roseType` 设置为 `'radius'` 时,扇区的大小会根据数据的大小进行调整,扇区之间的间隔也会相应调整,较小的扇区会更加密集。
以下是一个示例配置:
```javascript
option = {
series: [{
type: 'pie',
radius: '75%',
roseType: 'radius',
data: [
{ value: 335, name: 'A' },
{ value: 310, name: 'B' },
{ value: 234, name: 'C' },
{ value: 135, name: 'D' },
{ value: 1548, name: 'E' }
],
label: {
show: true,
formatter: '{b} : {c} ({d}%)'
},
emphasis: {
label: {
show: true
}
}
}]
};
```
你可以根据自己的需求调整 `radius` 和 `roseType` 的值来控制饼图之间的间隔效果。
阅读全文