Google Аннотационная диаграмма размеры кнопки увеличения

Question

У меня есть диаграмма аннотации Google, и я не могу понять, как изменить размеры кнопки масштабирования вверху. Они очень маленькие, и шрифт тоже не идеален. Вы можете видеть кнопки, которые я имею в виду здесь: Chart buttons

Как я могу изменить их стиль? Также есть способ добавить горизонтальные линии к фону, диаграмма в настоящее время имеет только вертикальные линии.

Answer 1

Просто выберите его и сделать большой

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'; 
    } 
} 

На Google пример аннотации графика (обновлено): https://jsfiddle.net/damiantt/upqxj1wb/2/