javascript - d3.js - 以缩写形式在轴上显示大量数字

Question

有没有办法在 d3.js 轴上缩写大数字？我记得在网上看到了一个帮助方法，但找不到了。我想缩写大数字以减少图表边距并使其更易于阅读。

即 1,000,000 = 1M 等

如果有人可以发布指向 d3.js 帮助程序类的链接，我们将不胜感激。

score 2 · Accepted Answer

这对我来说适用于 d3 v4：

function make_y_gridlines() {       
        return d3.axisLeft(yScale)
               .ticks(10,"s")

}

score 2 · Accepted Answer

您好，请查看此链接：http ://bl.ocks.org/zanarmstrong/05c1e95bf7aa16c4768e 。也许这可以帮助你。

对于轴，您可以使用以下内容。

chart.yAxis().ticks(5).tickFormat(d3.format("s"));

dc.js我用过d3.js

希望这可以帮到你

2 回答 2