Resize/Hide 图表在 Highcharts 的多窗格中

Question

我想要 Resize/Hide, Lower/Upper 排行榜 Multi pane highcharts

上面给出了我的示例图表 link Js-Fiddle

我已经确定 Resize 属性并且能够调整仅保留的窗格大小以隐藏聊天，请 help/suggest 实现。

Answer 1

这里隐藏部分解决方案（不是resize）

...
// the button action - Line 96
var $button = $('#Hide');
$button.click(function () {
    var upperSeries = chart.series[0];
    if (upperSeries.visible) {
        upperSeries.hide();
    } else {
        upperSeries.show();
    }
});

Fiddle

Answer 2

参考这个现场演示：https://jsfiddle.net/kkulig/8vtcznf7/

点击按钮时容器和图表需要调整大小：

container.style.height = newHeight + 'px';
chart.setSize(undefined, newHeight);

调整图表大小后，需要更改轴的属性，以便第一个系列占据整个绘图区域space：

bottomSeries.yAxis.update({
  height: '100%',
  top: '0%'
});

upperSeries.yAxis.update({
  visible: false
});

Resize/Hide 图表在 Highcharts 的多窗格中

Resize/Hide charts in Multi pane in Highcharts

jquery

highcharts

highstock