Плоский текст диаграммы js диаграммы, не отображающий правильные значения чисел

Question

Я использую plotly, чтобы показать доход в моей диаграмме, но наведение не отображает цифры правильно. Есть ли способ исправить это? когда я нахожусь на этом значении, он должен показать что-то вроде 10714.78. Сейчас он находится в целочисленном формате. Но даже если я отформатирую строку, такую ​​как «10, 714.78», она по-прежнему не ведет себя правильно. Какие-либо предложения ?

Answer 1

Хотя число технически правильно, как Херардо Furtado указал, вы можете заменить формат вывода через hoverformat который использует D3 formatting options.

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