如何刪除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")，這將正常工作。