如何修改highstock图表以便它可用于显示排名(最高点的最低值)

时间:2014-12-31 10:53:10

标签: highcharts highstock

在高库存图表中,最高值显示在最高点,最低值显示在较低点,有什么我可以在highstock中使用,以便我可以在最高点显示最低值,在最低点显示最高值,因为我需要显示排名。最低等级意味着最高优先级,因此必须显示在最高点。

1 个答案:

答案 0 :(得分:1)

要使值从最低到最高,您可以使用yAxis.reversed,如下所示:

yAxis: {
    reversed: true
}

对于区域系列,如果您希望该区域出现"低于"您可以将上述内容与plotOptions.area.threshold结合使用。这需要知道数据的最大Y值。

例如,您的数据是:

data: [[1418860800000,1],[1419206400000,2],[1419292800000,3],[1419379200000,1],[1419465600000,1],[1419638400000,5],[1419724800000,7]]

此处的最大Y值为7。我们可以在我们的设置中使用它:

plotOptions: {
    area: {
        threshold: 7
    }
}

this JSFiddle demonstration中可以看到使用这两个选项。