Charts 谷歌图6基础太窄 我试图将我的网站转换为使用基金会6。它的大部分工作正常，但我有一个谷歌图表的问题。我已将图表放在12号大单元格中： <div class="large-12 cell"> <div id="chart_div"> </div> </div>

但是图表太窄了-它应该和顶部菜单一样宽：

---

默认情况下，图表不会完全填满容器的宽度
请参阅以下代码段中的青色部分

google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var statsData=new google.visualization.DataTable（）；
statsData.addColumn（'number'，'x'）；
statsData.addColumn（'number'，'y'）；
statsData.addRows([
[0, 0],   [1, 10],  [2, 23],  [3, 17],  [4, 18],  [5, 9],
[6, 11],  [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35],
[12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48],
[18, 52], [19, 54], [20, 42], [21, 55], [22, 56], [23, 57],
[24, 60], [25, 50], [26, 52], [27, 51], [28, 49], [29, 53],
[30, 55], [31, 60], [32, 61], [33, 59], [34, 62], [35, 65],
[36, 62], [37, 58], [38, 55], [39, 61], [40, 64], [41, 65],
[42, 63], [43, 66], [44, 67], [45, 69], [46, 69], [47, 70],
[48, 72], [49, 68], [50, 66], [51, 65], [52, 67], [53, 70],
[54, 71], [55, 72], [56, 73], [57, 75], [58, 70], [59, 68],
[60, 64], [61, 60], [62, 65], [63, 67], [64, 68], [65, 69],
[66, 70], [67, 72], [68, 75], [69, 80]
]);
变量选项={
背景颜色：“青色”，
颜色：[‘洋红’]，
标题：“标题”，
身高：600，
图例：{
位置：'底部'
},
酒吧：{
groupWidth:'75%'
},
isStacked:错误
};
var chart=new google.visualization.ColumnChart（document.getElementById（'chart_div'））；
图表绘制（统计数据、选项）；
});

下面是代码：var options={title:caption，height:600，legendPosition:{position:legendPosition}，bar:{groupWidth:'75%}，isStacked:stacked}；var chart=new google.visualization.ColumnChart（document.getElementById（“chart_div”）；图表绘制（统计数据、选项）；我还应该提到，我使用d3.js读取数据。这个表单与我的实时版本非常相似，你可以在这里看到，它完全解决了我遇到的问题。非常感谢。