Highcharts выберите диаграмму нажатием кнопки и отрегулируйте ширину

Question

Я построил несколько графиков и хочу выбрать один из них нажатием кнопки. Каждая кнопка отображает div одной диаграммы и скрывает остальные:

$(document).ready(function(){
    $("#standd").click(function(){
        $("#Standd").show();
        $("#Verlaufw").hide();
        $("#Verlaufd").hide();
        $("#Standw").hide();

});

Div имеют ширину 100% по классу css.

.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