Plotly.js - Umkehrung des horizontalen Balkendiagramms in plotly

Question

Ich bin neu zu plotly und arbeite ein Balkendiagramm Beispiel. Ich möchte, dass das Balkendiagramm von rechts nach links läuft. Hier ist ein Link zu meiner JSFiddle.

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

Derzeit ist es geht dem Standard-Weg von rechts nach links. Vielen Dank!

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

Sie benötigen die autorange: reversed Eigenschaft xaxis in layout Objekt zu verwenden.

Siehe das folgende Beispiel.

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); 

Referenzen:

1. Plotly reversed axis