Charts 谷歌图表没有占据100%的空间

首先，对这个例子大声疾呼： 如果你想简单地浏览一下谷歌图表，那就太完美了

在说。。。在那个例子中，在我的项目中。。。我无法让图表从指定区域的左侧开始。它不断缩进。更糟糕的是，当我隐藏轴标签时，由于缺少单词，空间变得更大

有人知道如何让它们占据100%的宽度吗？（在图中，我希望图表从红线开始，一直到div的另一边）

---

提前谢谢

默认情况下，图表不会填充容器的宽度和高度

使用

chartArea

选项将图表拉伸到容器的边缘，
使用

顶部

、

左侧

、

底部

、

右侧

为轴标签、标题等留出空间

chartArea: {
  height: '100%',
  width: '100%',
  top: 48,
  left: 48,
  right: 16,
  bottom: 48
},
height: '100%',
width: '100%',

在“调整大小”上重新绘制图表以使其响应，
请参阅以下工作片段

google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=google.visualization.arrayToDataTable([
[‘月份’、‘玻利维亚’、‘厄瓜多尔’、‘马达加斯加’、‘平均值’]，
['2019/01', 1, 2, 7, 3],
['2019/02', 5, 1, 3, 3.5],
['2019/03', 4, 3, 9, 6],
['2019/04', 1, 3, 8, 5],
['2019/05', 2, 6, 8, 4],
['2019/06', 3, 1, 9, 3],
]);
变量选项={
图表区：{
高度：“100%”，
宽度：“100%”，
前48名，
左：48，
右：16，
底数：48
},
高度：“100%”，
宽度：“100%”，
标题：“各国每月咖啡产量”，
vAxis:{title:'Cups'}，
哈克斯：{title:'Month'}，
序列类型：“条”，
系列：{3:{type:'area'}}
};
var chart=new google.visualization.ComboChart（document.getElementById（'chart'）；
图纸（）；
window.addEventListener（'resize'，drawChart，false）；
函数绘图图（）{
图表绘制（数据、选项）；
}
});
html，正文{
身高：100%；
保证金：0px 0px 0px 0px；
溢出：隐藏；
填充：0px 0px 0px 0px；
}
#图表{
身高：100%；
}

谢谢@WhiteHat！：-）也可以与时间线图完美配合。