要实现echarts双y轴的数据联动,可以通过使用双y轴的series配置项中的yAxisIndex属性来指定数据对应的y轴索引。

具体操作步骤如下:

  1. 在echarts的option中定义两个y轴:
option = {
    ...
    yAxis: [
        {
            type: 'value',
            ...
        },
        {
            type: 'value',
            ...
        }
    ],
    ...
}
  1. 在series配置项中,指定每个数据对应的y轴索引:
series: [
    {
        name: '系列1',
        type: 'line',
        yAxisIndex: 0, // 对应第一个y轴
        ...
    },
    {
        name: '系列2',
        type: 'line',
        yAxisIndex: 1, // 对应第二个y轴
        ...
    },
    ...
]

这样,当你的数据更新时,两个y轴上的数据就会自动联动更新

echarts 双y轴如何联动数据

原文地址: https://www.cveoy.top/t/topic/iNJo 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录