javascript - Plotly js 图表悬停文本未显示正确的数值

Question

我正在使用 plotly 在我的图表中显示收入，但悬停没有正确显示数字。有没有办法来解决这个问题？当我将鼠标悬停在该值上时，它应该显示类似 10714.78 的内容。现在它是整数格式。但即使我格式化为诸如“10,714.78”之类的字符串，它仍然无法正常运行。有什么建议吗？

Answer 1

尽管正如 Gerardo 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;">