使用jquery检查窗口宽度后调整google graph的大小无效
我正在使用GoogleAPI获得一些简单的线性图。我尝试使用jquery检查媒体大小,然后加载适当的图形大小。这主要是为了适应移动设备中的图形。图形将加载,但不会调整大小。我做错了什么 以下是我在js中的内容使用jquery检查窗口宽度后调整google graph的大小无效,jquery,Jquery,我正在使用GoogleAPI获得一些简单的线性图。我尝试使用jquery检查媒体大小,然后加载适当的图形大小。这主要是为了适应移动设备中的图形。图形将加载,但不会调整大小。我做错了什么 以下是我在js中的内容 if ($(window).width() <= 750) { new google.visualization.LineChart(document.getElementById('visualization')). draw(data,
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}}
);
}
if($(window).width()既然没有人愿意回答这个问题,我想我就自己回答吧
window.innerWidth为我创造了奇迹
如果(窗内宽度<760){
盖特=300;
gWidth=300;
}如果(窗内宽度<540){
盖特=450;
gWidth=350;
}否则{
盖特=400;
gWidth=600;
})
其中gHeight和gWidth用作google图表中.draw()的绘图参数