中心对齐Google图表

Question

我试图将我的谷歌图表居中对齐,但这样做并不成功.我玩过填充物将它移动到中心,但我不想坐在那里和火虫一起玩很长时间并找出正确的位置.是否有更简单的方法,如对齐文本text-align: center.显然它不适用于谷歌图表.(我是所有这一切的新手)

var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));

...some code ...

    <div id='chart_div' style='width: 900px; height: 400px;'></div>             

虽然我这样做padding-left: 140px但是有更好的方法align: center

Answer 1

给chart_div: display: block和margin: 0 auto;

Answer 2

谷歌测量仪一直面临同样的问题.检查生成的代码我意识到里面的下一件事<div id='chart_div'>是一个边缘0设置为内联样式的表.

所以为了覆盖它,我使用了以下css:

div.chart_div table {
    width: auto;
    margin: 0 auto !important;
}

这很有效.

Answer 3

你也可以做<div id='chart_div' align='center'>这对我有用,虽然现在我的图表悬停功能不起作用.其他人都遇到这个问题？我在谈论当你将鼠标悬停在图表上的某个点上时.它通常显示Jan Sales 440等点.任何人都知道修复？

Answer 4

接受的答案被打破了; 你必须使用display:inline-block来对齐你的图表.