javascript - Highcharts时间线系列定位

Question

尝试在同一图表中创建基于日期的折线图表和时间线系列。有没有办法将时间线系列放置在折线图的顶部或底部？

当前时间线系列显示在图表元素的垂直中心。我尝试在时间轴系列中添加具有转换属性的自定义 CSS 类，但在页面调整大小时无法找出适当的值。

Answer 1

您可以为第二个系列创建单独的轴:

series: [{
    type: 'timeline',
    data: [1, 2, 3, 4, 5, 6]
}, {
    type: 'line',
    yAxis: 1,
    data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
}],
yAxis: [{
    height: '20%'
}, {
    height: '40%',
    top: '50%',
    offset: 0
}]

<小时/>

现场演示: http://jsfiddle.net/BlackLabel/bcur9tkq/

API引用: https://api.highcharts.com/highcharts/yAxis