echarts折线图两个纵坐标_echarts 双折线图联动问题 - 如何自定义四个Y轴

标签：前端 echarts

需求：

有一组数据，需要在两个折线图间保持联动(鼠标放在任意一个图上，两个折线图两个相同时间的数据都能联动显示)，官方的联动表格默认只能显示两个y轴，无法设置4个y轴。

解决方案：

重点在于 yAxis[2] 和 series 中的 yAxisIndex 属性。

yAxis[2] 对应 yAxisIndex = 2 。

由下面代码可以看到，yAxis[2] 对应的 y 轴不会显示，仅用于占一个位置，起到过渡作用(缺少 yAxis[2] 这个空白的 y 轴，会导致下方折线图的 y轴显示不正常，猜测是官方bug)，从 yAxis[3] 开始，才是第二个折线图的第一条 y 轴

拿官方示例改造，可复制到官方运行，代码如下：

var timeData = [

'2009/6/12 2:00', '2009/6/12 3:00', '2009/6/12 4:00', '2009/6/12 5:00', '2009/6/12 6:00', '2009/6/12 7:00', '2009/6/12 8:00', '2009/6/12 9:00', '2009/6/12 10:00', '2009/6/12 11:00', '2009/6/12 12:00', '2009/6/12 13:00', '2009/6/12 14:00', '2009/6/12 15:00', '2009/6/12 16:00', '2009/6/12 17