如何在Highcharts中反转条形图？

Question

有没有一些精通highcharts的专家？

我的需求是，最低分数6位于左侧，最高分数1位于右侧。

因此，条形图应该朝着1的方向延伸（显示标记1的空间）。

就像这样:

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

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

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

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

这里有个链接，涉及到IT技术。请问需要什么帮助？

- Jurudocs

Answer 1

你可以像在 xAxis 上一样，将 reversed 设置为 yAxis。
就像这样：

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

这里有一个演示

- Ricardo Alvaro Lohmann

---

将x轴从true改为false不会产生不同的图表。 - sanon

看起来将x轴的reversed属性设为false是有效的。我还发现条形图的x轴默认值是true，所以如果你将其设为true，则不要期望它会改变！ - Michael Battaglia

@MichaelBattaglia 最近在4.1.10版本中更改了反转的x轴。这是问题。这里有一个fiddle，其中包含4.1.9版本和没有反转x轴的内容。链接。 - Lulylulu

如何让数字1的柱形图最长？如果1是最大值，那么它的柱形图应该是最高的。 - Diego

Answer 2

我会做类似于这样的事情。重要的是，将您的值设为负数，然后在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;
        }
        }
    }

同时将X轴设置为在相反的一侧：

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

- wergeld