Plotly.js-反转plotly中的水平条形图

Question

我是新手，正在制作条形图示例。 我要做的是使条形图从右向左运行。 这是我的jsfiddle的链接。

https://jsfiddle.net/ksaluja/w0cx3sw1/1/

当前，它是从右到左的默认方式。 谢谢！

index.html

<div id="tester" style="width:600px;height:250px;"></div>

scripts.js

var data = [{
  type: 'bar',
  x: [20, 14, 23],
  y: ['giraffes', 'orangutans', 'monkeys'],
  orientation: 'h'
}];

Plotly.newPlot('tester', data);

Answer 1

您需要在layout对象中使用xaxis autorange: reversed属性。

请参考以下示例。

JSFiddle演示

JS：

var data = [{
  type: 'bar',
  x: [20, 14, 23],
  y: ['giraffes', 'orangutans', 'monkeys'],
  orientation: 'h'
}];

var layout = {
    xaxis:{
        autorange:'reversed'
    },
    yaxis:{
      side:'right'
    }
}

Plotly.newPlot('tester', data, layout);

参考文献：

1. 反转轴

2. 情节自动量程