echarts实现双Y轴双滚动条

先看一下效果


两个y轴各一个滚动条，且互补干扰。
下面是核心代码部分

//其他的代码不需要修改，只需要在dataZoom设置即可
dataZoom: [
          // 滚动条y1轴
          {
            yAxisIndex: 0, //代表的是第一个y轴的滚动条
            left: "1%", //设置位置，如果不设置就默认在右边，跟第二个y轴的滚动条在一起
            show: true,
            type: "slider",
            start: 50,
            end: 100,
            width: 20,
            filterMode: "none",
          },
          //滚动条y2轴
          {
            yAxisIndex: 1, //代表的是第二个y轴的滚动条
            show: true,
            type: "slider",
            start: 50,
            end: 100,
            width: 20,
            filterMode: "none",
          },
          //滚动条x轴
          {
            xAxisIndex: 0,
            show: true,
            type: "slider",
            start: 0,
            end: 100,
            height: 20,
            filterMode: "none",
          },
        ],