echarts 饼图 legend
时间: 2023-10-28 17:00:15 浏览: 271
echarts制作的饼状图
4星 · 用户满意度95%
对于 ECharts 饼图的图例(legend),可以通过配置项中的 `legend` 进行设置。以下是一个简单的示例:
```javascript
option = {
legend: {
data: ['数据一', '数据二', '数据三'] // 图例的数据项
},
series: [
{
name: '饼图',
type: 'pie',
radius: '55%',
data: [
{ value: 335, name: '数据一' },
{ value: 310, name: '数据二' },
{ value: 234, name: '数据三' }
]
}
]
};
```
在上述示例中,`legend` 配置项中的 `data` 数组用于指定图例的数据项,每个数据项对应饼图中的一个扇区。你可以根据实际需求修改 `data` 数组中的内容。
此外,ECharts 还提供了许多其他的配置选项,例如调整图例的位置、样式等。你可以根据具体需求参考 [ECharts 官方文档](https://echarts.apache.org/zh/option.html#legend) 获取更详细的信息。
阅读全文