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

Question

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

即。 1,000,000 = 1M等

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

Answer 1

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

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

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

我使用了dc.js和d3.js

希望这可以帮到你

Answer 2

请查看此链接https://bl.ocks.org/mbostock/9764126

这对我来说对于d3 v4：

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

}