Javascript 谷歌条形图没有'；不能在我的HTML中动态调整大小

我已经在m动态网页中实现了一个谷歌条形图（宽度为100%），但是当我调整浏览器窗口的大小时，条形图仍然和原来一样大。它只会在我刷新浏览器时更改大小

编辑：此代码有效 //加上这个

<script>
    $(document).ready(function () {

$( window ).resize(function() {
    $("#chart_div").css("width", $("div.cnt").width());
    drawChart();
});
});

</script>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Politicus', 'Vragen', 'Beantwoord'],
      ['Bart De Wever',  30,      20,],
      ['Filip De Winter',  25,      10],
      ['Maggie De Block',  20,       15],

    ]);

    var options = {
      title: '',
      legend: {position: 'top' },
      vAxis: {title: 'Aantal',  titleTextStyle: {color: 'red'}},
      orientation: 'horizontal',
    };

    var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
</script>

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
$（“#chart_div”）.css（“width”，$（（“div.cnt”）.width（））；
图纸（）；
});
});
load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
['Politicus'、'Vragen'、'Beantwoord']，
[Bart De Wever'，30、20、]，
[Filip De Winter'，25,10]，
[Maggie De Block'，20,15]，
]);
变量选项={
标题：“”，
图例：{位置：'top'}，
vAxis:{title:'Aantal'，titleTextStyle:{color:'red'}}，
方向：“水平”，
};
var chart=new google.visualization.BarChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

这是当我更改Browser窗口时应该调整大小的div

<div class="cnt"><div id="chart_div" style="width: 100%; height: 400px;"></div>

---

感谢您的问题，请参阅此链接

或者对于一般情况，您可以使用调整大小事件
当浏览器窗口的大小更改时，调整大小事件将发送到窗口元素，因此请使用它 例如

$( window ).resize(function() {
  $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
});

$（窗口）。调整大小（函数（）{
$（“body”）.prepend（“+$（window.width（）+”）；
});

更多信息

---

示例

发布一个JSFIDLE（或类似的）发现这可能会有所帮助：谢谢，用这个函数修复了它！