javascript - 酒窝刻度格式忽略分组逗号

Question

我有一个显示一些大数字的凹坑图表。我希望工具箱中显示精确的值(不 chop 为 14k)，因此我更改了 tickFormat。然而，dimple/d3 似乎忽略了分组逗号，这使得大数字难以处理。

// this prints "12,345" as expected
var f = d3.format(",.0f");
console.log(f(12345.123));

var data = [{"date":"2016-01-18","completed":1234123.100},{"date":"2016-01-19","completed":1345123.0},{"date":"2016-01-20","completed":2123123.1}]

var svg = dimple.newSvg("#foo", "100%", "100%");
var myChart = new dimple.chart(svg, data);
var x = myChart.addTimeAxis("x", "date", "%Y-%m-%d", "%d/%m");
var y = myChart.addMeasureAxis("y", "completed");

// this does not work
// tooltips and y axis values appear without grouping comma
y.tickFormat = d3.format(",.0f");
myChart.setMargins("60px", "30px", "30px", "70px");
series = myChart.addSeries(null, dimple.plot.line);
myChart.draw();

Answer 1

根据 API 文档，属性 dimple.axis.tickFormat将接受格式说明符字符串(即 ",.0f")。因为它被传递给d3.format()。您不必自己调用 d3.format() ；这是在函数 _getFormat() 内部完成的。因此你的代码就变成了

y.tickFormat = ",.0f";