Javascript Highcharts中的window.resize()

Javascript Highcharts中的window.resize(),javascript,jquery,highcharts,Javascript,Jquery,Highcharts,$menu-toggle.clickfunction{ e、 防止违约; $wrapper.toggleClasstoggled; }; //高图JS $function{ $'container'.highcharts{ 背景颜色:{ 停止:[ [0,'2A2B'], [1,'3e3e40'] ] }, 图表:{ 类型:'区域', 背景颜色:000 }, 标题:{ 文本:“美国和苏联的核储备”, 颜色:“fff” }, 副标题:{ 文本:'来源: 我添加了下面的代码,效果很好。它没有重新绘制,

$menu-toggle.clickfunction{ e、 防止违约; $wrapper.toggleClasstoggled; }; //高图JS $function{ $'container'.highcharts{ 背景颜色:{ 停止:[ [0,'2A2B'], [1,'3e3e40'] ] }, 图表:{ 类型:'区域', 背景颜色:000 }, 标题:{ 文本:“美国和苏联的核储备”, 颜色:“fff” }, 副标题:{ 文本:'来源:
我添加了下面的代码,效果很好。它没有重新绘制,但是调整了大小

$(window).resize(function() {

             $("#container").width($(window).width()-250);

     });
PS:我修改了以下css设置:

@媒体最小宽度:200px


你确定不能调整大小吗?

我添加了以下代码,效果很好。它没有重新绘制,但已调整大小

$(window).resize(function() {

             $("#container").width($(window).width()-250);

     });
PS:我修改了以下css设置:

@媒体最小宽度:200px


你确定不能调整大小吗?

我已经设法再次修改小提琴,以满足你的需要,我想:

在混合中添加匿名函数似乎可以对其进行排序:

setInterval(function() {
    $("#container").highcharts().reflow();
}, 1);

我已设法再次修改小提琴以适应您的需要,我想:

在混合中添加匿名函数似乎可以对其进行排序:

setInterval(function() {
    $("#container").highcharts().reflow();
}, 1);

我不知道为什么我必须重新询问,但这对我来说很有效

    angular.element(window).trigger('resize');
    var allCharts = document.querySelectorAll('[data-highcharts-chart]');
    for(var x = 0; x<allCharts.length; x++){
        angular.element('[data-highcharts-chart=' + x + ']').highcharts().reflow();
    }

我不知道为什么我必须重新询问,但这对我来说很有效

    angular.element(window).trigger('resize');
    var allCharts = document.querySelectorAll('[data-highcharts-chart]');
    for(var x = 0; x<allCharts.length; x++){
        angular.element('[data-highcharts-chart=' + x + ']').highcharts().reflow();
    }

正如我在提琴上看到的,它所包装的容器正在调整大小,因此请在考虑其他容器之前尝试调用highcharts上的回流方法:您是否检查过这一点:重画和回流用于不同的目的。重画仅在动态添加数据的情况下使用。从我看到的情况来看,我所尝试的方法不会改变容器的大小它是。回流。请查看ReferenceFlow的API链接不起作用,@wmashI已编辑了您的小提琴:。我尝试应用setInterval方法。这部分工作与警报解除时图表完全回流一样,但如果警报不存在,则不起作用。这几乎就像它需要某些东西才能正确执行。无论如何,我会我可以再看一眼,但这至少是朝着正确方向迈出的一步:正如我在小提琴上看到的,它所包装的容器正在调整大小,所以请在考虑其他方法之前尝试调用highcharts上的回流方法:您是否检查过这一点:重画和回流用于不同的目的。只有在添加数据时才使用重画当然。从我所看到的,以及我所尝试过的,它不会改变它的大小。回流会改变它。请查看ReferenceFlow的API链接不起作用,@wmashI编辑了你的小提琴:。我尝试应用setInterval方法。当警报解除时,这部分工作与图表完全回流相同,但如果警报未关闭,则不会嗯。这就像它在正确执行之前需要一些东西。无论如何,我会在我可以的时候再看一看,但这至少是朝着正确方向迈出的一步:在我这方面它不起作用,是的,我不能调整大小。@yu Waynet这是调整OP已经完成的容器的大小。如果你是这样的话,这是调整他们正在努力处理的图表的大小调整容器的大小,它也应该调整图表的大小。请参阅文章。我的代码在我的计算机上对容器和图表都起作用。也许你可以尝试删除一些css引用。@如果调整了窗口的大小,这就是问题所在。Highcharts只设置了调整窗口大小时的默认值,而不仅仅是包装容器。因此,如果ntainer已调整大小,但窗口未调整大小,该事件将不会触发。它不起作用,是的,我无法调整大小。@yu Waynet这是调整OP已经完成的容器大小。它正在调整他们正在努力调整的图表大小。如果您调整容器大小,它也应该调整图表大小。请参阅文章。我的代码确实起作用我的计算机包括容器和图表。也许您可以尝试删除一些css引用。@如果窗口已调整大小,则为其设置默认值。Highcharts仅设置了窗口调整大小时的默认值,而不仅仅是包装容器。因此,如果容器已调整大小,但窗口未调整大小,则该事件将无法正确处理。谢谢@wmashWorked正确地感谢@wmasham未在angularjs中使用:@httpetteso modify which your wish with jquery不在angularjs中使用:@httpetteso modify which your wish with jquery