Javascript 缩放Google柱形图以适应div元素

当我想在div元素中显示Google柱形图时，我遇到了一个问题。它显示正确，但不是整个图表。在下图中，您可以看到我的意思：每个图表在水平轴上应该有1000或2000个元素，但只显示了大约350个元素

如果我增加div元素的大小，那么图表会变大，并显示更多的元素，但我不希望这样，我希望整个图表都适合div元素

有人知道如何做到这一点吗

编辑：

这是一段代码：

直方图=[
[0'，0.0'，7FCC28']，
[1'，0.0'，7FCC28']，
[2'，0.0'，7FCC28']，
[3'，0.0'，7FCC28']，
[4'，0.0'，7FCC28']，
['5'，0.0'，7FCC28']..//一个数组最多可以有4000个元素
{直方图中的历史百分比%}
i=i+1；
变量feat_name='feature_name'+i；
var h={{hist | safe}}；
h、 取消移位（[“位置”、“值”{role:“样式”}]）；
data=google.visualization.arrayToDataTable（h）；
变量选项={
标题：“直方图”，
宽度：2.5*h.长度，
尺寸：12，
条：{groupWidth:“100%”，
图表区：{左：0，上：0，宽：“100%”，高：“80%”，
图例：{位置：“无”}，
哈克斯：{showTextEvery:50，
视图窗口：{max:h.length，
最小值：0}
},
};
div_name=‘直方图_div’+i；
var chart=new google.visualization.ColumnChart（document.getElementById（div_name））；
图表绘制（数据、选项）；
{%endfor%}

你能给我们看看你的代码吗？或者，更好的是，从？这些是我的选项-尝试过的hAxis.viewWindow.min和hAxis.viewWindow.max创建一个？尝试过的

hAxis.viewWindow.min

和/或

hAxis.viewWindow.max

，但没有成功。我很确定这是一个选择，我尝试了很多，但我没有运气。。。变量选项={title:“直方图”，宽度：2.5*h.length，字体大小：12，条：{groupWidth:“100%”，图表区：{left:0，top:0，宽度：“100%”，高度：“80%”，图例：{position:“none”}，hAxis:{showTextEvery:50，viewWindow:{max:h.length}，}；查看代码和数据示例将非常有帮助。你使用的是连续轴还是离散轴？我编辑了开场白，插入了相关的代码……你能给我们看看你的代码吗？或者，更好的是，从？这些是我的选项-尝试过的hAxis.viewWindow.min和hAxis.viewWindow.max创建一个？尝试过的

hAxis.viewWindow.min

和/或

hAxis.viewWindow.max

，但没有成功。我很确定这是一个选择，我尝试了很多，但我没有运气。。。变量选项={title:“直方图”，宽度：2.5*h.length，字体大小：12，条：{groupWidth:“100%”，图表区：{left:0，top:0，宽度：“100%”，高度：“80%”，图例：{position:“none”}，hAxis:{showTextEvery:50，viewWindow:{max:h.length}，}；查看代码和数据示例将非常有帮助。你使用的是连续轴还是离散轴？我编辑了开场白，插入了相关的代码。。。