echarts 双y轴如何联动数据
要实现echarts双y轴的数据联动,可以通过使用双y轴的series配置项中的yAxisIndex属性来指定数据对应的y轴索引。
具体操作步骤如下:
- 在echarts的
option中定义两个y轴:
option = {
...
yAxis: [
{
type: 'value',
...
},
{
type: 'value',
...
}
],
...
}
- 在series配置项中,指定每个数据对应的y轴索引:
series: [
{
name: '系列1',
type: 'line',
yAxisIndex: 0, // 对应第一个y轴
...
},
{
name: '系列2',
type: 'line',
yAxisIndex: 1, // 对应第二个y轴
...
},
...
]
这样,当你的数据更新时,两个y轴上的数据就会自动联动更新
原文地址: https://www.cveoy.top/t/topic/iNJo 著作权归作者所有。请勿转载和采集!