在同一个页面下使用多个charts的canvs折线图,怎么让多个折线图都支持滑动?
现在界面上有三个折线图[图片],但是无论滑动哪个折线图都是只有最后一个折线图在动,控制台输出了滑动信息,好像是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
}
});
},
控制台输出:[图片]