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/

Google注释图表缩放按钮大小

1 个答案: