echart图例位置改变
时间: 2023-10-02 22:11:53 浏览: 201
你可以使用 ECharts 中的 legend 属性来改变图例的位置。图例的位置可以设置为:'top', 'bottom', 'left', 'right' 或者数组形式,例如 ['20%', '10%'] 表示相对于容器的左上角偏移 20% 和 10% 的位置。
下面是一个例子,将图例位置设置为右侧:
```javascript
option = {
legend: {
orient: 'vertical',
right: 10,
top: 50,
bottom: 20
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '55%',
data: [
{value: 235, name: '视频广告'},
{value: 274, name: '联盟广告'},
{value: 310, name: '邮件营销'},
{value: 335, name: '直接访问'},
{value: 400, name: '搜索引擎'}
]
}
]
};
```
在上面的例子中,我们将图例的位置设置为右侧,距离容器右侧 10 像素,距离容器顶部 50 像素,距离容器底部 20 像素。
更多关于 ECharts 图例的设置可以参考官方文档:https://echarts.apache.org/zh/option.html#legend
阅读全文