Javascript ECharts:如何使用窗口的调整大小事件?

Javascript ECharts:如何使用窗口的调整大小事件?,javascript,graph,echarts,Javascript,Graph,Echarts,我正在尝试我的图表。我想在触发窗口的调整大小触发器时调整绘图大小,但我找不到方法 感谢您的帮助var allCharts=$('.charts'); var plot = echarts.init(yourDom); plot.setOption({...}); window.onresize = function() { plot.resize(); }; setTimeout(函数(){ 对于(var i=0;iHi,欢迎使用Stack Overflow!虽然您的答案可能会解决此问题,

我正在尝试我的图表。我想在触发窗口的调整大小触发器时调整绘图大小,但我找不到方法

感谢您的帮助

var allCharts=$('.charts');
var plot = echarts.init(yourDom);
plot.setOption({...});
window.onresize = function() {
  plot.resize();
};
setTimeout(函数(){
对于(var i=0;iHi,欢迎使用Stack Overflow!虽然您的答案可能会解决此问题,但我建议您提高其质量,包括关于为什么有用的基本部分。您可以在答案中包含此类说明。非常好的解决方案!无需说明,您只需为图表设置一个类即可,例如:“ga图表"。虽然此代码片段可能会解决问题,但确实有助于提高您的文章质量。请记住,您将在将来回答读者的问题,而这些人可能不知道您的代码建议的原因。@J.Chomel thx谢谢您的建议。我会关注它。如果您认为有必要,您仍然可以编辑您的答案这可能有助于anyone@GeorgeP事实上,这是一个完美的答案,但当我使用相同的组件但实例不同时,它会失败?您是否为每个实例添加了它?
yourDom
应该用于每个图表dom元素。
        window.onresize = function() {
            $(".ga-charts").each(function(){
                var id = $(this).attr('_echarts_instance_');
                window.echarts.getInstanceById(id).resize();
            });
        };
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) `