如何反转highcharts中的条形图?

时间:2012-11-26 10:01:42

标签: highcharts

那里有一些高级专业人士吗?

我想要的是,值6(最低分)从左边开始,在右边有最高分(1)

所以条形标题为1(显示空格为标记1)

像:

|------------------------(1.9)

|--------------------(2.3)

|----------------------------(1.4)

6..............3................1

http://jsfiddle.net/aCz2s/1/

对此有何帮助?

2 个答案:

答案 0 :(得分:12)

您也可以将reversed设置为yAxis,就像您在xAxis上所做的那样。

像这样:

xAxis: {
    reversed: true
},
yAxis: {
    reversed: true
}

这是demo

答案 1 :(得分:2)

我会做this之类的事情。 什么是重要的,有点笨重。是使您的值为负值,然后使用xAxis上的标签格式化程序使它们显示为正值(调整的最小值/最大值):

    yAxis: {
        min: -6,
        max: 0,
        title: {
            text: 'Marks from  6 (very bad) to 1 (yery good)',
            align: 'high'
        },
        labels: {
            overflow: 'justify',
            formatter: function() {
            return this.value * -1;
        }
        }
    }

同时将Xaxis设置为反面:

    xAxis: {
        reversed:true,
        categories: ['John', 'Sandy', 'Carl', 'Maria'],
        title: {
            text: null
        },
        opposite: true
    }