从按钮更新 highstock 轴

Question

我正在尝试通过 highstocks 上的按钮进行简单的轴更新，并计划在您点击按钮时“隐藏”数据系列/yaxis，然后将图表的高度降低该数量.对于我的生活，我只是无法让按钮工作。如果我手动将“顶部：-300”的设置放入第二个 y 轴，它就可以工作。这是哪里出了问题？

jsfiddle:

http://jsfiddle.net/abbike18/Ww5Tg/3/

var chart = $('#container').highcharts();
$('#hide').click(function() {
    chart.yAxis[1].update({
        top: -300
    });
    chart.setSize(chartHeight = chartHeight -100);
});

Answer 1

首先，您创建变量chart在图表初始化之前。将那条线移到按钮内，会更好。其次，您没有在任何地方创建 chartHeight 变量。最后一件事是只重绘一次图表（在 setChart 函数中），所以禁用yAxis.update() 的重绘。

查看工作演示：http://jsfiddle.net/Ww5Tg/4/

及代码：

var chartHeight = 500;
$('#hide').click(function() {    
    var chart = $('#container').highcharts();
    chart.yAxis[1].update({
        top: -300
    }, false);
    chartHeight -= 100;
    chart.setSize(null, chartHeight);
});