echarts饼图图例
时间: 2023-07-08 20:55:26 浏览: 51
echarts 饼图的图例可以通过 legend 属性进行设置。下面是一个简单的示例代码:
```javascript
option = {
legend: {
orient: 'vertical',
left: 'left',
data: ['数据1', '数据2', '数据3']
},
series : [
{
name: '统计数据',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
{value:335, name:'数据1'},
{value:310, name:'数据2'},
{value:234, name:'数据3'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
```
在上面的代码中,legend 属性中的 data 数组存储的是需要展示的饼图的标签名称,每个标签名称与对应的数据项名称应该一一对应。在 series 属性中,饼图的数据存储在 data 数组中,每个数据项的 name 属性应该与 legend 中的标签名称一一对应。