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

【问题标题】：How can I remove Decimals in nvd3.js graphs?如何删除 nvd3.js 图中的小数点？
【发布时间】：2014-12-23 09:32:56
【问题描述】：

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

我该怎么做？

谢谢

【问题讨论】：

【解决方案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。这意味着小数点后出现固定位数（精度），如有必要，数字会四舍五入。

【讨论】：

【解决方案2】：

对于nvd3饼图valueFormat：d3.format("0f")，这样就可以正常工作了。

【讨论】：