試圖在plotly.js條形圖上反轉工具提示

Question

我是plotly.js的新手。我將條形圖中的條形反轉，但標籤當前處於相同的位置。我想要替換值爲

我想要的是jsfiddle中的標籤。我希望y標籤顯示在標籤的左側，而不是正確標籤上的當前點，並且我還想用工具提示在條的相反側顯示x標籤。

我希望這很清楚。謝謝

這是jsfiddle。

https://jsfiddle.net/aj5qepv3/

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

Answer 1

這是否幫助你嗎？

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

 
var layout = { 
 
    xaxis:{ 
 
    \t autorange:'reversed' 
 
    }, 
 
    yaxis:{ 
 
     side:'left' 
 
    }, 
 
    xaxis:{ 
 
     side:'top' 
 
    } 
 
} 
 

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

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script> 
 
<script src="https://d14fo0winaifog.cloudfront.net/plotly-basic.js"></script> 
 
<div id="tester" style="width:600px;height:250px;"></div>