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

Question

我是 plotly 的新手，正在研究条形图示例。我想要做的是让条形图从右到左运行。这是我的 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 Demo

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. Plotly reversed axis

2. Plotly Autorange