从按钮更新highstock轴

Question

我正在尝试通过一个简单的轴更新来处理highstocks上的按钮，并且计划＆＃34;隐藏＆＃34;当您点击按钮时数据系列/ y轴不在视图中，然后将图表的高度减少该数量。对于我的生活，我只是无法让按钮工作。如果我手动设置＆＃34; top：-300＆＃34;进入第二个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);
});