Question

我有一个持有谷歌图表的div：

<div id="chart_div" style="width: 600px; height: 300px;"></div>

它有一个CSS属性：display: none。

单击按钮，我希望使用jQuery hide（）和show（）显示图表。但是，图表的尺寸设置为与我指定的不同，并拒绝更改为我指定的内容。

这是我的jquery代码：

$(document).ready(function(){
    var chart = $('#chart_div'); 

    $('#submit').click(function(){
        chart.show('slow'); 
    });
});

如果您希望看到更多代码，请告诉我。顺便说一句，图表div不包含在其他任何东西中，所以这不是问题。

Answer 1

你的div很好。您必须使用API选项设置图表尺寸。看这里 - ＆gt; customizing the chart

// Set chart options
  var options = {'title':'How Much Pizza I Ate Last Night',
                 'width':400,
                 'height':300};

...

    var options = {
        title: 'Company Performance',
        width: 600,
        height: 300
    };

...