javascript - D3.js y 轴的动态数据/带宽标签

Question

我有一个 d3.js 折线图，显示流服务的带宽。我知道 .format 方法，但它似乎只接受 Python 格式，并且没有内置的智能来处理大量数据的格式。

在深入研究时，我发现的只是几个人关于如何改进 Python 格式化工具的想法：

http://code.activestate.com/recipes/578321-human-readable-filememory-sizes/ https://pypi.python.org/pypi/byteformat 等。

但是我不知道如何扩展 d3.js 以包含这些额外的选项。

如何让刻度和轴标签巧妙地在 b/s、Kb/s 和 Mb/s 等之间切换？

一个好处是有一种在位和字节之间切换的方法。

谢谢！

Answer 1

您需要编写一个格式化程序来将原始数字转换为数据大小 - 有关一种实现，请参阅PHP 格式字节转换为 Javascript。

一旦有了这样的格式化程序，就可以将其传递给轴以在刻度显示中使用它，使用.tickFormat( docs )：

myAxis.tickFormat(dataSizeFormatter);