echarts 设置饼图大小
时间: 2023-11-20 13:50:16 浏览: 87
可以通过设置 series 中的 radius 属性来控制饼图的大小。radius 属性是一个数组,第一个元素表示内径,第二个元素表示外径,可以使用百分比或像素值来设置。
例如,设置内径为 50%,外径为 70%:
```
series: [{
type: 'pie',
radius: ['50%', '70%'],
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}]
```
相关问题
echarts设置饼图大小
在 ECharts 中,你可以使用 `series.radius` 属性来调整饼图的大小。`radius` 可以是一个数组,可以设置内外半径,也可以是一个百分比字符串,表示饼图的半径占据容器宽度的百分比。例如:
```javascript
option = {
series: [{
type: 'pie',
radius: ['50%', '70%'], // 设置内外半径
// 或者
// radius: '70%', // 设置半径占据容器宽度的70%
// 其他配置项
}]
};
```
你可以根据需要调整 `radius` 的取值来调整饼图的大小。
echarts设置饼图标题字体大小
在 ECharts 中,你可以使用 `title.textStyle.fontSize` 属性来设置饼图标题的字体大小。例如:
```javascript
option = {
title: {
text: '饼图标题',
textStyle: {
fontSize: 18 // 设置字体大小为18px
}
},
series: [{
type: 'pie',
// 其他配置项
}]
};
```
你可以根据需要调整字体大小的数值。
阅读全文