2016-04-19 13 views
1

Ich habe ein Google Annotation Chart und ich kann nicht herausfinden, wie man die Größe der Zoomtasten an der Spitze ändert. Sie sind sehr klein und die Schrift ist auch nicht ideal. Sie können die Tasten sehen, die ich hier meine: Chart buttonsGoogle Annotation Chart Zoom Tastengrößen

Wie kann ich ihren Stil ändern? Es gibt auch eine Möglichkeit, dem Hintergrund horizontale Linien hinzuzufügen, das Diagramm hat derzeit nur vertikale Linien.

Antwort

2

es einfach auswählen und große

google.visualization.events.addListener(chart, 'ready', onReady); 

chart.draw(data, options); 

function onReady() { 
    var x = document.getElementById('chart_div_AnnotationChart_zoomControlContainer').getElementsByTagName('button'); 
    document.getElementById('chart_div_AnnotationChart_zoomControlContainer').style.fontSize = '14px'; 

    for (var i = 0; i < x.length; i++) { 
     x[i].style.height = '40px'; 
     x[i].style.width = '40px'; 
     x[i].style.fontSize = '14px'; 
    } 
} 

Auf Google Beispiel Anmerkung Chart (aktualisiert) machen: https://jsfiddle.net/damiantt/upqxj1wb/2/

+0

ich auf dem Chart ' 'ready'' [Veranstaltung] (https warten würde empfehlen: // developers.google.com/chart/interactive/docs/gallery/annotachart#events), bevor Änderungen vorgenommen werden. ein Diagramm mit echten Daten könnte länger dauern, um zu zeichnen, was einen Fehler verursachen würde ... – WhiteHat

+0

Danke, das funktioniert. Wissen Sie wo ich eine Liste mit allen Stiloptionen für zoomControlContainer finden könnte? Ich möchte auch die Größe des 'Zoom'-Textes sowie die Größe des Textes in der oberen rechten Ecke ändern. – Alqio

+0

http://www.w3schools.com/cssref/default.asp zoom size: document.getElementById ('chart_div_AnnotationChart_zoomControlContainer'). Style.fontSize = '14px'; – Shogg