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

Question

我使用nvd3.js生成饼形图，我一直试图找到一种方法来删除小数点，如图中的2点到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")，这将正常工作。