Question

我想在Multi pane highcharts

中调整大小/隐藏，低/高图表

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

上给出

我已经识别出Resize属性并且只能调整窗格大小以隐藏聊天内容，请帮助/建议实现。

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
});

Answer 2

这里是隐藏（不调整大小）

的解决方案的一部分

...
// 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

在Highcharts中的Multi窗格中调整/隐藏图表

2 个答案: