echarts饼图设置legend
时间: 2023-10-08 16:06:06 浏览: 147
您可以使用 ECharts 的 `legend` 属性来设置饼图的图例。以下是一个示例配置:
```javascript
option = {
// 其他配置项...
legend: {
orient: 'vertical', // 图例的布局方式,可选值:'horizontal'(水平布局)或 'vertical'(垂直布局)
left: 'left', // 图例组件离容器左侧的距离
top: 'center', // 图例组件离容器上侧的距离
selectedMode: 'single', // 图例的选中模式,可选值:'multiple'(多选)或 'single'(单选)
data: ['类别一', '类别二', '类别三'], // 图例的数据数组
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '55%', // 饼图的半径,可以是像素值或百分比
center: ['50%', '60%'], // 饼图的中心位置,可以是像素值或百分比
data: [
{ value: 335, name: '类别一' },
{ value: 310, name: '类别二' },
{ value: 234, name: '类别三' },
], // 饼图的数据数组
// 其他配置项...
},
],
};
```
在上述示例中,`legend` 属性用来定义图例的样式和位置。您可以根据需要调整其中的属性值。请注意,图例的数据需要与饼图的数据一一对应。
希望这可以帮助到您!如果还有其他问题,请随时提问。
阅读全文