Google Bubblechart尺寸错误

时间:2012-07-05 09:57:39

标签: javascript html bubble-chart

首先抱歉我的英语,但我是意大利人。

现在......我正在使用动态图表和geochart而没有任何问题,但是bubblechart似乎已经有办法做事了。

我在我的页面上使用了几个图表,有些是隐藏的(显示:无)其他没有,但是当我隐藏起泡图时,当我在代码900x600上写字时,他的尺寸变化为400x200。

这是我与其他图表完美配合使用的代码:

<div style="width: 100%; clear: left; display: none" id="religioni-frame">
    <div style="width: 50%; float: left; text-align: center">
        <div id="religione-bubble" style="width: 650px; height: 360px;margin: 0 auto"></div>
    </div>
    <div style="width: 50%; float: left; text-align: center;">
        <div id="religioni" style="width: 650px; height: 360px; margin: 0 auto"></div>
    </div>
</div>

但是当我在气泡图上使用它时,一切都崩溃了......我得到一张400x200的邮票......

<div style="height: 900px;display: none" id="bubble-frame">
       <div id="chart_div"  style="width: 900px; height: 400px;"></div>
</div>

如果我在没有显示的情况下使用它:无需使用正确的尺寸。

<div style="height: 900px;display: inline" id="bubble-frame">
       <div id="chart_div"  style="width: 900px; height: 400px;"></div>
</div>

这是一个测试页https://dl.dropbox.com/u/29200489/IPC/untitled/test.html 溶液

1 个答案:

答案 0 :(得分:1)

对不起我的英语,我也是意大利人..

最好总是指定宽度和高度

像这样更改“选项”代码行

var options = {width: 500, height: 900,
colorAxis: {colors: ['yellow', 'red']}
};

etvoilà

再见

liuchan