Html 谷歌图表响应困难

我正在努力使我的谷歌图表具有响应性。google图表位于引导模式中

javascript代码：

 var jsonData = $.ajax({
        url: "testChart.php",
        dataType: "json",
        async: false
    }).responseText;


    var data = new google.visualization.DataTable(jsonData);

    var options = {
        chart: {
            title: 'Values',
        },
        width: 900,
        height: 600
    };

    //var chart = new google.charts.Line(document.getElementById('chart_div'));
    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    //chart.draw(data, google.charts.Line.convertOptions(options));
    chart.draw(data, options);

    $('#chartModal').modal("show");

html代码：

<div id="chartModal" class="modal fade">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title">Chart</h4>
        </div>
        <div class="modal-body" id="chart_details">
            <div id="chart_div"></div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

图表
接近

现在处于“电话模式”的图表图像：

---

*我已经尝试在javascript中以百分比表示宽度和高度值，但没有效果。

图表将按照其容器的大小显示
但仅当容器可见时

因此，需要等待模式显示，
在绘制图表之前

侦听此事件-->

'show.bs.modal'

请参阅以下工作片段

引导示例
google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
$（“#myModal”）.on（'show.bs.modal'，function（）{
var data=google.visualization.arrayToDataTable([
['x'，'y']，
[0, 0],
[1, 1],
[2, 2],
[3, 3]
]);
变量选项={
图表区：{
//这些选项为标题、轴标签等留出空间。。。
排名：16，
左：24，
右：16，
底图：36，
高度：“100%”，
宽度：“100%”
},
高度：“100%”，
宽度：“100%”
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
});
});
模态示例
开放模态
&时代；
模态头
接近

图表将遵循其容器的大小
但仅当容器可见时

因此，需要等待模式显示，
在绘制图表之前

侦听此事件-->

'show.bs.modal'

请参阅以下工作片段

引导示例
google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
$（“#myModal”）.on（'show.bs.modal'，function（）{
var data=google.visualization.arrayToDataTable([
['x'，'y']，
[0, 0],
[1, 1],
[2, 2],
[3, 3]
]);
变量选项={
图表区：{
//这些选项为标题、轴标签等留出空间。。。
排名：16，
左：24，
右：16，
底图：36，
高度：“100%”，
宽度：“100%”
},
高度：“100%”，
宽度：“100%”
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
});
});
模态示例
开放模态
&时代；
模态头
接近

这个问题有进展吗？这个问题有进展吗？