CanvasJS缩放默认为使用多个图表进行平移

Question

我在我的图表上启用了缩放/平移，发现了一条帖子，帮助我用css隐藏缩放/平移切换按钮。

.canvasjs-chart-toolbar> button:first-child {
  display: none !important;
}

还要将隐藏按钮设置为平移模式。

var parentElement = document.getElementsByClassName("canvasjs-chart-toolbar");
var childElement = document.getElementsByTagName("button");
if(childElement[0].getAttribute("state") === "pan"){
  childElement[0].click();
    }

我的问题是，当页面上有多个图表时，第一个图表的按钮设置为平移但第二个图表没有。这是一个显示问题的JS小提琴。

http://jsfiddle.net/v5d8qv3q/

Answer 1

如果页面中有多个图表，则会有多个childElement（缩放/平移按钮）。因此，自动单击所有childElement将解决问题。

var parentElement = document.getElementsByClassName("canvasjs-chart-toolbar");
var childElement = document.getElementsByTagName("button");
for(var i=0;i<childElement.length;i++){
   if(childElement[i].getAttribute("state") === "pan"){
      childElement[i].click();
   }
}

选中jsfiddle。