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>