是否可以反转y轴,而不是数据?我的排名应该从顶部的1开始,而不是从底部开始,但列应保持正常。
感谢任何提示!
答案 0 :(得分:2)
您可以使用反向y轴和列系列,其中每个点将具有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
}]
}]
答案 1 :(得分:0)
Highcharts为这个名为反向设置的选项提供了一个选项,它将为您完成工作。
http://api.highcharts.com/highcharts#yAxis.reversed
reversed: true
这里是jsfiddle http://jsfiddle.net/bmbhD/
答案 2 :(得分:0)
没有好的直接方法(afaik)。
然而,您可以采取多种方法。
此示例使用反转轴和堆叠列:
http://jsfiddle.net/jlbriggs/JVNjs/301/
stacking:'normal',
它依赖于添加第二个系列,即您的值和最大值之间的差异,这意味着您还必须指定y轴最大值。
我将第二个系列保留为浅灰色,以便您可以看到它们,但您可以将它们的不透明度设置为0,以便它们不可见。
其他选项可能包括在y轴标签格式化器上进行一些计算,以根据需要显示轴标签,而无需触摸数据。