现在界面上有三个折线图，但是无论滑动哪个折线图都是只有最后一个折线图在动，控制台输出了滑动信息，好像是x y坐标判断问题，这需要怎么解决？

wxml代码：    <canvas  class="canvas" wx:key='key' wx:for='{{newTemdata}}' disable-scroll="true"  bindtouchstart="touchHandler" bindtouchmove="moveHandler" bindtouchend="touchEndHandler" 
    id="{{item.id}}" canvas-id="lineCanvas{{item.id}}"  ></canvas>
滑动方法代码： touchHandler: function (e) {
      lineChart.scrollStart(e);
      console.log("触发触摸："+JSON.stringify(e))
  },
  moveHandler: function (e) {
      lineChart.scroll(e);
      console.log("触发滑动："+JSON.stringify(e))
  },
  touchEndHandler: function (e) {
      lineChart.scrollEnd(e);
      lineChart.showToolTip(e, {
          format: function (item, category) {
              return category + ' ' + item.name + ':' + item.data 
          }
      });        
  },

控制台输出：