0

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

这是该项目的链接。

这是我在 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

4

1 回答 1

1

由于没有人愿意回答这个问题,我想我会自己回答。

window.innerWidth 为我做了魔法。

如果(window.innerWidth < 760){ gHeight = 300; gWidth = 300; }if(window.innerWidth < 540){ gHeight = 450; gWidth = 350; } 其他{ gHeight = 400; gWidth = 600; };

我将 gHeight 和 gWidth 用作谷歌图表中 .draw() 的绘图参数

于 2013-08-01T18:45:45.573 回答