echarts曲线图图例位置
时间: 2023-10-30 15:59:58 浏览: 99
在vue中使用Echarts画曲线图的示例
5星 · 资源好评率100%
echarts曲线图的图例位置可以通过legend属性进行设置。常用的位置有:
- top:图例位于顶部居中。
- left:图例位于左侧。
- right:图例位于右侧。
- bottom:图例位于底部居中。
例如,设置图例位于顶部居中位置:
```
option = {
legend: {
data: ['销量'],
align: 'center',
top: 'top'
},
xAxis: {
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {},
series: [{
name: '销量',
type: 'line',
data: [5, 20, 36, 10, 10, 20, 5]
}]
};
```
更多设置可以参考echarts官方文档:https://echarts.apache.org/zh/option.html#legend
阅读全文