echarts折线图设置y轴数量
时间: 2023-11-27 19:47:14 浏览: 105
在echarts中,可以通过使用grid组件来设置y轴数量。具体步骤如下:
1.在option中设置grid组件,例如:
```javascript
option = {
grid: [
{left: '3%', top: '10%', width: '94%', height: '40%'},
{left: '3%', bottom: '10%', width: '94%', height: '40%'}
],
...
}
```
2.在series中设置对应的yAxisIndex,例如:
```javascript
option = {
grid: [
{left: '3%', top: '10%', width: '94%', height: '40%'},
{left: '3%', bottom: '10%', width: '94%', height: '40%'}
],
xAxis: {...},
yAxis: [
{type: 'value', name: 'y1'},
{type: 'value', name: 'y2'}
],
series: [
{
name: 'series1',
type: 'line',
data: [...],
yAxisIndex: 0
},
{
name: 'series2',
type: 'line',
data: [...],
yAxisIndex: 1
}
]
}
```
以上代码中,grid组件中设置了两个grid,分别对应两个y轴。yAxis中设置了两个y轴,分别对应两个grid。series中的每个系列通过设置yAxisIndex来指定对应的y轴。
阅读全文