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

如何删除nvd3.js图形中的小数?,d3.js,nvd3.js,D3.js,Nvd3.js,我正在使用nvd3.js生成一个饼图,我一直试图找到一种方法来删除小数点,比如图例中的2.00到2 我该怎么做 谢谢您需要覆盖图表的值格式,例如: nv.addGraph(function() { var chart = nv.models.pieChart() .x(function(d) { return d.label }) .y(function(d) { return d.value }) .valueFormat(d3.format(".0f")) .showLab

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

我该怎么做


谢谢

您需要覆盖图表的值格式,例如:

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
    :类型;在这种情况下。这意味着小数点后会出现固定数量的数字(精度),如有必要,数字会四舍五入

对于nvd3饼图值格式:
d3.format(“0f”)
,这将正常工作