Highcharts 通过单击按钮选择图表并调整宽度

Question

我已经构建了多个图表，并想通过单击按钮选择其中一个。每个按钮显示一个图表的 div 并隐藏其他图表：$(document).ready(function(){     $("#standd").click(function(){         $("#Standd").show();         $("#Verlaufw").hide();         $("#Verlaufd").hide();         $("#Standw").hide();});根据 css 类，div 的宽度为 100%。.width {   min-width: 320px;    max-width: 100%;    margin: 0 auto;    }当我更改浏览器的大小时，实际图表会调整宽度以适应新的大小。但背景中的其他部分保持原来的大小。当我单击按钮并显示另一个图表时，它的大小错误。我能做些什么？参见小提琴

Answer 1

您可以调用该reflow方法来确保图表适合其容器：

$("#standd").click(function() {

  $("#Standd").show();

  $("#Standd").highcharts().reflow();

  ...

});

现场演示： https: //jsfiddle.net/BlackLabel/vyusa02g/

API 参考： https://api.highcharts.com/class-reference/Highcharts.Chart#reflow