echarts 趋势图 legend靠左显示
时间: 2024-02-19 15:55:29 浏览: 142
ECharts折线图-折线图24.rar
要将 Echarts 趋势图的 legend 靠左显示,可以通过设置 legend 的布局属性来实现。具体步骤如下:
1. 在 Echarts 的配置项中,找到 `legend` 属性,并设置其 `orient` 属性为 `'vertical'`,表示垂直布局。
```javascript
option = {
// 其他配置项...
legend: {
orient: 'vertical',
left: 'left', // 可根据需要调整具体位置
},
// 其他配置项...
};
```
2. 如果需要调整 legend 的位置,可以通过设置 `left` 属性来实现。可以使用百分比或像素值来指定位置。
```javascript
option = {
// 其他配置项...
legend: {
orient: 'vertical',
left: '10%', // 设置为百分比
// 或者
// left: 50, // 设置为像素值
},
// 其他配置项...
};
```
这样设置后,Echarts 趋势图的 legend 就会靠左显示了。
阅读全文