如何在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：精度为零（具体含义取决于正在使用的类型）。
• f：类型;在这种情况下，Number.toFixed。这意味着在小数点后面会出现一个固定的位数（精度），如有必要，该数字将被舍入。

Answer 2

对于nvd3饼图valueFormat：d3.format("0f")，这将正常工作。