echarts饼图图例左侧垂直排布
时间: 2024-05-24 12:09:21 浏览: 89
echarts 饼图的图例默认是水平排列的,如果想要将图例改为垂直排列,可以通过设置 legend 对象中 orient 属性的值为 'vertical',即可实现。
具体来说,在 echarts 中,饼图的图例可以通过以下代码进行设置:
```
option = {
...
legend: {
orient: 'vertical',
left: 'left',
data: ['类别A', '类别B', '类别C', '类别D']
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: [
{value: 335, name: '类别A'},
{value: 310, name: '类别B'},
{value: 234, name: '类别C'},
{value: 135, name: '类别D'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
```
在上述代码中,legend 对象的 orient 属性被设置为 'vertical',并且 left 属性被设置为 'left',这样就可以将图例垂直排布,并且放置在饼图的左侧。
阅读全文