javascript - 如何在Plottable.js Piechart标签中将数字精度格式化为两位小数

我有以下代码：

var store = [{ Name:"Item 1", Total:18.73424242 },
               { Name:"Item 2", Total:7.34311 },
               { Name:"Item 3", Total:3.1235535},
               { Name:"Item 4", Total:12.763574}];


  var colorScale = new Plottable.Scales.Color();
  var legend = new Plottable.Components.Legend(colorScale);

  var pie = new Plottable.Plots.Pie()
  .attr("fill", function(d){ return d.Name; }, colorScale)
  .addDataset(new Plottable.Dataset(store))
  .sectorValue(function(d){ return d.Total; } )
  .labelsEnabled(true);


  new Plottable.Components.Table([[pie, legend]]).renderTo("#chart");

<link href="https://rawgithub.com/palantir/plottable/develop/plottable.css" rel="stylesheet"/>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://rawgithub.com/palantir/plottable/develop/plottable.js"></script>
<div id="container">
  <svg id="chart" width="350" height="350"></svg>
</div>

如何在饼图中将值格式化为两位数的小数：18.73, 7.34, 3.12, etc2？

最佳答案

使用d3.format()或.toFixed()。

 var pie = new Plottable.Plots.Pie()
 .attr("fill", function(d){return d.Name; }, colorScale)
 .addDataset(new Plottable.Dataset(store))
 .sectorValue(function(d){ return +d3.format('0.2f')(d.Total);})
  //.sectorValue(function(d){ return +d.Total.toFixed(2);})   //works too
 .labelsEnabled(true);

这是gist。

关于javascript - 如何在Plottable.js Piechart标签中将数字精度格式化为两位小数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34124949/