highcharts - 带有倒置y轴但没有倒置数据的Highcharts？

Question

是否可以反转 y 轴，但不能反转数据？我的排名应该从顶部的 1 开始，而不是从底部开始，但列应该保持正常。

感谢您的任何提示！

Answer 1

您可以使用反转 yAxis 和列系列，其中每个点将具有y和low值，其中low值与最小数字相同。见：http: //jsfiddle.net/JVNjs/303/

var max = 10;

var chart = new Highcharts.Chart({
chart: {
    renderTo: 'container'
},
title: {
    text: 'Chart Title'
},
credits: {
    enabled: false
},
yAxis: {
    min: 0,
    max: max,
    tickInterval: 2,
    reversed: true
},
series: [{
    type: 'column',
    data: [{
        y: 1,
        low: max
    }, {
        y: 3,
        low: max
    }, {
        y: 6,
        low: max
    }]
}]

Answer 2

Highcharts 为此提供了一个称为反向设置的选项，它为您完成这项工作。

http://api.highcharts.com/highcharts#yAxis.reversed

reversed: true

这是 jsfiddle http://jsfiddle.net/bmbhD/

Answer 3

没有简单的直接方法可以做到这一点（afaik）。

但是，您可以采取多种方法。

此示例使用反转轴和堆叠列：

http://jsfiddle.net/jlbriggs/JVNjs/301/

stacking:'normal',

它依赖于添加第二个系列，即您的值和最大值之间的差异，这意味着您还必须指定 y 轴最大值。

我将第二个系列保留为浅灰色，以便您可以看到它们，但您可以将它们的不透明度设置为 0，以便它们不可见。

其他选项可能包括对 y 轴标签格式化程序进行一些计算，以根据需要显示轴标签，而无需触摸数据。