如何在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.这意味着在小数点后面会出现一个固定的位数(精度),如果需要,该数字将被舍入.