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}}
                );
         }

フィドルを作成しようとしましたが、どうやらフィドルはGoogle jsapiを許可していません

4

1 に答える 1

1

誰もこの質問に答えようとしなかったので、自分で答えようと思いました。

window.innerWidth が魔法をかけてくれました。

if(window.innerWidth < 760){ gHeight = 300; g幅 = 300; }if(window.innerWidth < 540){ gHeight = 450; g幅 = 350; } else{ gHeight = 400; g幅 = 600; };

gHeight と gWidth は、Google チャートから .draw() の描画パラメータとして使用しています

于 2013-08-01T18:45:45.573 に答える