echarts yAxisIndex
时间: 2023-08-12 16:09:28 浏览: 50
echarts yAxisIndex是在ECharts图表中用于指定数据系列所属的y轴索引。通过设置yAxisIndex属性,可以将数据系列关联到特定的y轴上。在一个图表中,可以存在多个y轴,每个y轴对应一个或多个数据系列。通过yAxisIndex属性,可以控制数据系列显示在哪个y轴上。
例如,如果有两个y轴,分别是左侧的主轴和右侧的副轴,可以通过设置数据系列的yAxisIndex属性为0或1来指定该系列显示在哪个y轴上。
示例代码:
```javascript
option = {
yAxis: [
{ // 左侧主轴
type: 'value',
// 其他配置项
},
{ // 右侧副轴
type: 'value',
// 其他配置项
}
],
series: [
{
name: '系列1',
type: 'line',
data: [1, 2, 3, 4, 5],
yAxisIndex: 0 // 指定显示在左侧主轴上
},
{
name: '系列2',
type: 'line',
data: [10, 20, 30, 40, 50],
yAxisIndex: 1 // 指定显示在右侧副轴上
}
]
};
```
以上示例中,系列1关联到了左侧主轴,系列2关联到了右侧副轴,这样图表中的数据系列就可以在不同的y轴上展示。