使用jquery无效后检查窗口宽度后调整google图形大小

Question

我正在使用谷歌api获得一些简单的线性图。我试图使用jquery检查媒体大小，然后加载适当的图形大小。这主要是为了适应移动设备中的图形。图表加载但不调整大小。我做错了什么？

Here is the link to the project.

以下是我在js中的内容

if ($(window).width() <= 750) {
        new google.visualization.LineChart(document.getElementById('visualization')).
            draw(data, {curveType: "linear",
                        width: 350, height: 300,
                        vAxis: {maxValue: 10}}
                );
         } else {
        new google.visualization.LineChart(document.getElementById('visualization')).
            draw(data, {curveType: "linear",
                        width: 500, height: 400,
                        vAxis: {maxValue: 10}}
                );
         }

我尝试创建一个小提琴，但显然小提琴不允许谷歌jsapi

Answer 1

由于没人关心回答这个问题，我以为我会自己回答。

window.innerWidth为我带来了魔力。

if（window.innerWidth＆lt; 760）{       gHeight = 300;       gWidth = 300;     } if（window.innerWidth＆lt; 540）{       gHeight = 450;       gWidth = 350;     } else {         gHeight = 400;         gWidth = 600;      };

我使用gHeight和gWidth作为谷歌图表中.draw（）的绘图参数