echarts调整饼图的宽度
时间: 2025-03-27 08:29:56 浏览: 18
### ECharts 饼图宽度设置方法
在 ECharts 中,可以通过 `radius` 参数来控制饼图的整体大小。此参数接受数组形式的值,分别表示内半径和外半径的比例或具体像素数值[^1]。
对于希望调整整个图表尺寸的情况,可采用如下方式定义:
```javascript
option = {
series: [
{
name: '访问来源',
type: 'pie',
radius: ['40%', '70%'], // 设置内外半径比例
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'}
]
}
]
};
```
当涉及到更复杂的场景如嵌套饼图时,则需分别为不同层次指定独立的 `radius` 属性以实现差异化展示效果[^3]:
```javascript
option = {
series : [
{
name:'外圈名称',
type:'pie',
radius : ['50%', '65%'],
...
},
{
name:'内圈名称',
type:'pie',
radius : ['20%', '40%'],
...
}
]
}
```
值得注意的是,在某些布局需求下还可以利用 `center` 来微调图形中心点的位置,从而间接影响显示区域内的视觉占比[^2]。
阅读全文
相关推荐

















