我有一个现有的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?
非常感谢任何帮助!
答案 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]
});
});