echarts 多个纵坐标
时间: 2023-07-11 18:14:19 浏览: 161
echarts实现多维坐标轴
Echarts支持多个纵坐标轴,可以在option配置中通过 yAxis 属性来定义。每个数据系列可以指定使用哪个纵坐标轴,通过 series 中的 yAxisIndex 属性来指定。例如,以下代码实现了两个纵坐标轴,分别对应左右两侧的坐标轴,并分别显示两组数据:
```
option = {
yAxis: [
{
type: 'value',
name: '左侧坐标轴'
},
{
type: 'value',
name: '右侧坐标轴'
}
],
series: [
{
name: '数据1',
type: 'line',
data: [10, 20, 30],
yAxisIndex: 0
},
{
name: '数据2',
type: 'line',
data: [100, 200, 300],
yAxisIndex: 1
}
]
};
```
在上述代码中,yAxis 属性定义了两个纵坐标轴,第一个纵坐标轴对应左侧,第二个纵坐标轴对应右侧。series 中的第一个数据系列指定使用第一个纵坐标轴,第二个数据系列指定使用第二个纵坐标轴。
阅读全文