Plotly js chart hoverテキストに数字の値が正しく表示されない

Question

私はチャートで収益を表示するためにプロットしていますが、ホバーでは数字が正しく表示されていません。これを修正する方法はありますか？その値にカーソルを合わせると、10714.78のようなものが表示されます。今は整数形式です。しかし、'10、714.78 'のような文字列にフォーマットしても、それでも正しく動作しません。助言がありますか ？

Answer 1

数字は、ヘラルド・ファータドが指摘したように、あなたがD3 formatting options使用hoverformatを介して出力フォーマットを上書きすることができます技術的に正しいですが。

var data = [{ 
 
    x: [1, 2, 3], 
 
    y: ['10714.18', '12300', '30000'], 
 
    type: 'bar', 
 
    hoverinfo: "y" 
 
}] 
 
var layout = { 
 
    hovermode: 'closest', 
 
    yaxis: { 
 
    hoverformat: ',' 
 
    } 
 
}; 
 

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

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
<div id="myDiv" style="width: 480px; height: 400px;">