Highcharts plotLines具有多个xAxis和yAxis

时间:2016-02-12 23:46:58

标签: javascript jquery highcharts

我有一个包含多个xAxisyAxis的图表。我想在xAxis上有多个plotLines,但每个plotLine都没有留在它的当然。这是fiddle。点击All查看我的意思。

第一轴上的plotLine也会转到第二轴。我怎么能阻止它?

1 个答案:

答案 0 :(得分:3)

HighCharts issue tracker中建议的解决方案涉及在每个xAxis上定义相关的yAxis。因此,在特定xAxis上定义的情节线将使用相关yAxis的顶部和高度来仅在正确的区域中绘制情节线。

yAxis: [{
    title: {
        text: 'OHLC'
    },
    height: 200,
    lineWidth: 2,
    xAxis: 0,
}, {
    title: {
        text: 'Volume'
    },
    top: 300,
    height: 100,
    offset: 0,
    lineWidth: 2,
    xAxis: 1,
}, {
    title: {
        text: 'Other data panel'
    },
    top: 300,
    height: 100,
    offset: 0,
    lineWidth: 2,
    opposite: true,
    xAxis: 1,
}]

Updated Fiddle仅在相应的窗格上显示每个情节。

请注意,定义相关轴的功能似乎未在API中记录。