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(); 
    } 

Моя проблема в том, когда есть больше чем один график на странице, кнопка первой Картографическая приготовьтесь к панорамирование, но второй не делает. Heres 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.