Javascript 画布中的“缩小”按钮

有没有办法使用jQuery或普通JS在canvasjs中添加缩放按钮？

我试图把它添加到右上角的那个附近，但我必须这样做 做错事。

另外，是否可以使用滚轮进行放大和缩小？

以下是我要应用缩放按钮的图形：

---

从现在起，库中没有逐步缩小功能。您可以按照中所示的方式进行操作

var axisX={}；
var限值=1000//通过增加此值来增加数据点的数量
document.getElementById（“按钮”）.style.visibility=“隐藏”；
var y=0；
var数据=[]；var dataSeries={type:“line”}；
var数据点=[]；
对于（变量i=0；i1）{
viewportMinStack.pop（）；
viewportMaxStack.pop（）；
axix.viewportMinimum=viewportMinStack[viewportMinStack.length-1]；
axix.viewportmax=viewportMaxStack[viewportMaxStack.length-1]；
}
否则{
axix.viewportMinimum=null；
axisX.viewportMaximum=null；
document.getElementById（“按钮”）.style.visibility=“隐藏”；
}
chart.render（）；
}
var button=document.getElementById（“按钮”）；
按钮。addEventListener（“单击”，返回）
#按钮{
背景色：透明；
背景重复：无重复；
边界：无；
光标：指针；
溢出：隐藏；
位置：绝对位置；
z指数：100；
左边距：10px；
}
.btn返回{
显示：内联块；
位置：绝对位置；
z指数：1；
填充：0 10px 0 30px；
线高：44px；
颜色：#000；
文字装饰：无；
字体系列：无衬线；
字体大小：12px；
}
.btn返回：之前{
内容：''；
位置：绝对位置；
框大小：边框框；
左：20px；
右：0；
高度：34px；
边缘顶部：5px；
z指数：-1；
边框：1px实心#B3；
边框左宽度：0；
边界半径：5px；
背景#d9d9d9；
}
.btn返回：之后{
内容：''；
位置：绝对位置；
框大小：边框框；
左：11px；
高度：27px；
宽度：26px；
顶部：8px；
z指数：-2；
边框：1px实心#B3；
边框顶部：0透明；
右边框：0透明；
边界半径：7px 5px 7px；
背景#d9d9d9；
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
-ms变换：旋转（45度）；
-o变换：旋转（45度）；
变换：旋转（45度）；
}

返回
从现在起，库中没有逐步缩小功能。您可以按照中所示的方式进行操作


var axisX={}；
var限值=1000//通过增加此值来增加数据点的数量
document.getElementById（“按钮”）.style.visibility=“隐藏”；
var y=0；
var数据=[]；var dataSeries={type:“line”}；
var数据点=[]；
对于（变量i=0；i1）{
viewportMinStack.pop（）；
viewportMaxStack.pop（）；
axisX.viewportMinimum=viewportMinStack[viewportMinStack.length-1