如何将第二个xAxis添加到Highcharts Stockchart

时间:2014-03-17 10:09:09

标签: javascript highcharts axis highstock

我有一个现有的Highstock图表,其中包含一个xAxis和一个yAxis。我的目标是在按下按钮时添加第二个xAxis数据。 我的代码如下所示:

showDrehzahl: function() {

console.log('add axis function called');

var chart = $('#mycontainer').highcharts();

//Second xAxis
chart.addAxis({ 
    id: 'drehzahl',
    title: {
        text: 'Drehzahl'
    },
    lineWidth: 2,
    lineColor: '#000000',
    opposite: true
},true);

console.log('add series');

console.log(chart);

chart.addSeries({
    name: 'Drehzahl',
    type: 'spline',
    color: '#000000',
    xAxis: 'drehzahl',
    data: [49.9, 9, 10.4, 12.2, 14.0, 16.0, 13.6, 14.5, 6.4, 14.1, 9.6, 5.4]
});

}

添加系列数据时,找不到xAxis对象。我在id的帮助下以及数组长度" xAxis:1"尝试了绑定。 甚至可以在Highstock图表上应用addAxis方法,还是仅用于Highcharts?

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

它适用于3.0.10,请参阅:http://jsfiddle.net/3bQne/1020/

var chart = new Highcharts.StockChart({
    chart: {
        renderTo: 'container'
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
    }]
});

$("#b").click(function () {
    chart.addAxis({
        id: 'drehzahl',
        lineWidth: 2,
        lineColor: '#000000',
        opposite: true
    }, true);

    chart.addSeries({
        type: 'spline',
        color: '#000000',
        xAxis: 'drehzahl',
        data: [49.9, 9, 10.4, 12.2, 14.0, 16.0, 13.6, 14.5, 6.4, 14.1, 9.6, 5.4]
    });
});