如何在高位图中反转条形图？

我要的是，该值6（最低分）开始左边和右边有得分最高（1）

所以前往1条（展示空间是标记1）

喜欢：

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

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

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

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

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

与任何帮助吗？

来源

2012-11-26 Jurudocs

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

像这样：

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

这里是一个demo

来源

2012-11-26 18:15:32

将xAxis从true更改为false不会生成不同的图表。 – sanon

看起来像将xAxis改为假作品。我还发现条形图的xAxis的默认值是正确的，所以如果将它设置为true，不要指望它会改变！ –

@MichaelBattaglia事实上，反转的x轴最近发生了变化，在4.1.10中。 [这是问题]（https://github.com/highcharts/highcharts/issues/3737）。和[这里是一个小提琴]（http://jsfiddle.net/lulylulu/aCz2s/117/）与4.1.9和没有反转x轴。 – Lulylulu

我会做类似this。这里很重要，有点笨重。就是让你的价值观是负的，然后使用标签格式的X轴，使他们出现阳性（经调整最小/最大）：

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 
    }

来源

2012-11-26 18:28:56 wergeld

如何在高位图中反转条形图？

回答

相关问题