Google 注释图表缩放按钮大小
Google Annotation Chart zoom button sizes
我有一个 Google 注释图表,但我不知道如何更改顶部的缩放按钮大小。它们非常小,字体也不理想。
你可以在这里看到我指的按钮:
Chart buttons
我怎样才能改变他们的风格?另外有没有办法在背景上加横线,图表目前只有竖线。
只要select它就可以变大
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 注释图表,但我不知道如何更改顶部的缩放按钮大小。它们非常小,字体也不理想。 你可以在这里看到我指的按钮: Chart buttons
我怎样才能改变他们的风格?另外有没有办法在背景上加横线,图表目前只有竖线。
只要select它就可以变大
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/