d3.js - 如何删除 nvd3.js 图中的小数点？

Question

我正在使用 nvd3.js 生成饼图，我一直在尝试找到一种方法来删除图例中的小数点，例如 2.00 到 2。

我该怎么做？

谢谢

Answer 1

您需要覆盖图表的 valueFormat，例如:

nv.addGraph(function() {
 var chart = nv.models.pieChart()
  .x(function(d) { return d.label })
  .y(function(d) { return d.value })
  .valueFormat(d3.format(".0f"))
  .showLabels(true);

 d3.select("#chart svg")
    .datum(data)
  .transition().duration(1200)
    .call(chart);

  return chart;
});

这里.valueFormat(d3.format(".0f"))的意思是:

• .0:precision 为零(具体含义取决于所使用的type)。
• f:类型；在这种情况下，Number.toFixed .这意味着小数点后出现固定位数(精度)，如有必要，数字会四舍五入。