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