1. ホーム
  2. javascript

[解決済み] ウィンドウサイズ変更時のGoogleチャートの再描画と拡大縮小

2023-05-19 07:19:57

質問

ウィンドウサイズを変更したときに、google linechartを再描画/再スケールするにはどうすればよいですか?

どのように解決するのですか?

ウィンドウのリサイズが完了したときのみ再描画し、複数のトリガーを避けるには、イベントを作成するのが良いと思います。

//create trigger to resizeEnd event     
$(window).resize(function() {
    if(this.resizeTO) clearTimeout(this.resizeTO);
    this.resizeTO = setTimeout(function() {
        $(this).trigger('resizeEnd');
    }, 500);
});

//redraw graph when window resize is completed  
$(window).on('resizeEnd', function() {
    drawChart(data);
});