echarts饼图设置legend为远点
时间: 2023-07-28 20:12:21 浏览: 92
可以通过设置legend的orient属性为'vertical',再通过设置legend的left属性或者right属性来调整legend的位置,从而让legend显示在饼图的远点位置。具体代码如下:
```javascript
option = {
legend: {
orient: 'vertical',
left: 'right',
data: ['A', 'B', 'C', 'D', 'E']
},
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'},
{value: 1548, name: 'E'}
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}]
};
```
在这个例子中,legend的orient属性设置为'vertical',left属性设置为'right',让legend显示在饼图的远点位置。
阅读全文