jquery - 在 Highcharts 的多 Pane 中调整图表大小/隐藏图表

Question

我想要在多 Pane Highcharts 中调整大小/隐藏、下/上图表

我的示例图表在该链接 Js-Fiddle 上给出

我已经确定了Resize属性，并且能够调整仅留下来隐藏聊天的 Pane 的大小，请帮助/建议实现。

Answer 1

请参阅此现场演示:https://jsfiddle.net/kkulig/8vtcznf7/

单击按钮时，容器和图表需要调整大小:

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

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

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

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