2017-09-13 108 views
0

我是一個新手,情節嚴重,我正在使用條形圖示例。我想要做的是讓條形圖從右向左運行。這是一個鏈接到我的jsfiddle。Plotly.js - 劇情倒轉水平條形圖

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

回答

1

您需要使用的xaxisautorange: reversed財產layout對象。

請參考下面的例子。

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

+0

非常感謝!我也試圖扭轉軸線標籤,以使它們對齊,而不是從左邊開始。 –

+0

@KellyRoper請提及所有要求:),請你檢查我的更新答案! –

+0

非常感謝! –