ECharts：如何使用窗口的resize事件？

Question

我正在为我的图表尝试 Echarts library。我想在触发窗口的调整大小触发器时调整绘图的大小，但我找不到执行此操作的方法。

感谢您的帮助

Answer 1

var plot = echarts.init(yourDom);
plot.setOption({...});
window.onresize = function() {
  plot.resize();
};

Answer 2

        window.onresize = function() {
            $(".ga-charts").each(function(){
                var id = $(this).attr('_echarts_instance_');
                window.echarts.getInstanceById(id).resize();
            });
        };

Answer 3

var allCharts = $('.charts');

setTimeout(function(){
  for(var i=0;i<allCharts.length;i++){
    var $item = $(allCharts[i]);
    echarts.getInstanceById($item.attr('_echarts_instance_')).resize();
  }
},100) `

Answer 4

与jQuery:

    // resize all charts
    $(window).on('resize', function(){
        $("[_echarts_instance_]").each(function(){
            window.echarts.getInstanceById($(this).attr('_echarts_instance_')).resize()
        });
    });

ECharts：如何使用窗口的resize事件？

ECharts: How to use the resize event of the window?

javascript

graph

echarts