Sorting order on Barchar

plotly.js
1

WIth the following

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

Plotly.newPlot('myDiv', data);

newplot
newplot700×450 3.31 KB

And you can see the order of the y data ['giraffes', 'orangutans', 'monkeys'] is ordered from the bottom to top. How do I reverse the order for the bars(without changing the arrays)?

2

yaxis: { autorange: "reversed" } }

3

Do you mean

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

With the additional line, there is no visual change on the cahrt.

4

yaxis goes in the layout properties

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

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