我编写了此JavaScript代码来跟踪折线图,完成后,我需要修改代码以允许通过鼠标选择缩放和平移画布。
function zoom(){
startindex = document.getElementById("startpoint").selectedIndex;
endindex= document.getElementById("endpoint").selectedIndex;
var newlabels=oldlabels.slice(startindex, endindex);
var newdata=oldDatas.slice(startindex,endindex);
data.labels= newlabels;
data.datasets.data=newdata;
myChart = new Chart(context).Line(data);
}
了解context.translate和context.scale方法。
了解这些内容即可平移和缩放。
变焦的基本原理是:
潘甚至更容易: