如何使用Highcharts绘制没有绑定数据的x轴

时间:2013-05-27 07:26:22

标签: javascript highcharts

我的图表:

var chart = new Highcharts.Chart({
chart: {
    renderTo: 'container'
},
xAxis: [{
    type: 'datetime',
},{
    type: 'datetime',
    opposite: true
}],

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    pointStart: Date.UTC(2010, 0, 1),
    pointInterval: 24 * 3600 * 1000 // one day
},{
    data: [176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0],
    pointStart: Date.UTC(2010, 0, 10),
    pointInterval: 24 * 3600 * 1000, // one day
    xAxis: 1
}]

});

http://jsfiddle.net/kSkYN/4502/

但是我想移除serie-2并保持顶部x轴,我该怎么办?

我只想使用顶部x轴作为标签x轴,而不打算将任何数据绑定到此轴。

2 个答案:

答案 0 :(得分:0)

不幸的是,此选项不可用,因为xAxis需要显示数据。但您可以在我们的用户声音页面中提出您的建议:http://highcharts.uservoice.com/

答案 1 :(得分:0)

如果您的轴都是相同的,并且您只需要一个在顶部,一个在底部,您可以使用linkedTo属性:

http://api.highcharts.com/highcharts#xAxis.linkedTo

将第二个轴链接到第一个轴,然后就完成了设置。

http://jsfiddle.net/kSkYN/7664/

 xAxis: [{
        type: 'datetime',
    },{
        linkedTo:0,
        type: 'datetime',
        opposite: true
    }],