Button 谷歌注释图表缩放按钮大小

我有一个谷歌注释图表，我不知道如何更改顶部的缩放按钮大小。它们非常小，字体也不理想。 你可以在这里看到我指的按钮：

---

我怎样才能改变他们的风格？还有一种方法可以将水平线添加到背景中，图表当前只有垂直线。

只需选择它并放大即可

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.visualization.events.addListener（图表'ready'，onReady）；
图表绘制（数据、选项）；
函数onReady（）{
var x=document.getElementById（'chart_div_AnnotationChart_ZoomControl Container'）。getElementsByTagName（'button'）；
document.getElementById（'chart_div_AnnotationChart_ZoomControl Container'）。style.fontSize='14px'；
对于（变量i=0；i

---

关于谷歌示例注释图表（更新）：

我建议在执行任何修改之前，等待图表的

'ready'

启动。绘制一张包含真实数据的图表可能需要更长的时间，这将导致错误…谢谢，这是可行的。您知道我在哪里可以找到包含ZoomControl容器所有样式选项的列表吗？我还想更改“缩放”文本的大小以及右上角文本的大小。缩放大小：document.getElementById（'chart_div_AnnotationChart_ZoomControl Container'）。style.fontSize='14px'；事实上，我遇到了一个问题：line var chart=new google.visualization.AnnotationChart（document.getElementById（'chart_div'）；更改缩放时导致错误。“a不是一个函数”。我只需按x键就可以了，但你知道这是什么原因吗？我将addListener放错了位置，并键入onReady（），而不是onReady。