如何覆盖Google Visualization的包含尺寸？

Question

我正在尝试使用Google可视化对条形图进行编程。

https://developers.google.com/chart/interactive/docs/gallery/barchart

条形图是动态生成并多次更改的。

Google Visualizations似乎无法检测通过jQuery动态追加的div元素的维度。因此，我想将条形图的尺寸硬编码到我提供给Google Visualizations的选项中。

我该怎么做？

我尝试了这些选项。

var options = {
    title: 'Comparing Kangeroos and Wallabies',
    vAxis: {title: 'Factors',  titleTextStyle: {color: 'red'}},
    legend: 'bottom',
    chartArea.width: '400px',
    fontName: 'Arial Narrow'
};

但是，Chrome Web Developer只是注意到＆＃34; chartArea.width中存在意外的时期。＆＃34;

Answer 1

尝试chartArea:{width:400}，就像您给出的page表格中的chartArea示例所示。

编辑：更改为数字，因为它显示“简单数字是一个像素值”。

Answer 2

示例显示：

title:"Yearly Coffee Consumption by Country",
            width:600, height:400,
            vAxis: {title: "Year"},
            hAxis: {title: "Cups"}

因此请尝试“width”而不是“chartArea.width”