echarts饼图图例大小
时间: 2023-08-15 07:13:06 浏览: 117
ECharts 饼图
5星 · 资源好评率100%
您可以在 ECharts 的图例配置中设置图例的大小。具体来说,您可以使用 `legend.itemWidth` 和 `legend.itemHeight` 属性来控制图例项的宽度和高度。
以下是一个示例配置:
```javascript
option = {
legend: {
itemWidth: 20, // 图例项的宽度
itemHeight: 10 // 图例项的高度
},
series: [{
type: 'pie',
data: [
{value: 335, name: '数据项一'},
{value: 310, name: '数据项二'},
{value: 234, name: '数据项三'},
{value: 135, name: '数据项四'},
{value: 1548, name: '数据项五'}
]
}]
};
```
在上面的示例中,`legend.itemWidth` 设置为 20,`legend.itemHeight` 设置为 10,这样图例项的宽度为 20 像素,高度为 10 像素。您可以根据需要调整这些值来改变图例项的大小。
阅读全文