Highcharts时间轴系列定位

时间:2019-12-16 15:31:11

标签: javascript charts highcharts

尝试在同一张图表中包含基于日期的 line 图表和 timeline 系列。 有没有办法将时间轴系列放置在折线图的顶部或底部?

当前,时间轴系列显示在图表元素的垂直中心。 我尝试在时间轴系列中添加带有transform属性的自定义CSS类,但是在页面调整大小时找不到合适的值。

1 个答案:

答案 0 :(得分: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