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



我的图表:

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/

但我想删除系列2并保留顶部的x轴,我该怎么办?

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

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

如果你的两个轴是相同的,并且你只想要一个在上一个在下,你可以使用linkedTo属性:

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

将第二个轴与第一个轴连接起来,就可以了。

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

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

最新更新