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 format bytes translation to Javascript。

一旦有這樣的格式化器，則可以將其傳遞到在蜱顯示使用它的軸，使用.tickFormat（docs）：

myAxis.tickFormat(dataSizeFormatter);