2013-07-11 9 views
7

d3.js軸で大きな数字を省略する方法はありますか?私はオンラインでヘルパーメソッドを見ていますが、それを再び見つけることはできません。私は大きな数字を省略して、グラフのマージンを減らして読みやすくしたいと思います。d3.js - 軸に大きな数字を簡略形式で表示

すなわち1,000,000 = 1Mなど

誰もがそれが理解されるであろうd3.jsヘルパークラスへのリンクを投稿することができます。

+3

は何探しているのは「SI接頭辞」です。[format-an umber-with-si-prefix-with-fixed-of-decimals](http://stackoverflow.com/questions/13828003/format-a-number-with-si-prefix-with-fixed-number-of) -decimals)と[D3 formatting](https://github.com/mbostock/d3/wiki/Formatting)を参照してください。 – havarc

+0

私に正しい方向を指してくれてありがとう。 – paligap

答えて

0

こんにちは、このリンクを確認してください:http://bl.ocks.org/zanarmstrong/05c1e95bf7aa16c4768e。たぶんこれがあなたを助けることができます。

軸の場合は、以下を使用できます。

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

私は、これはこれはD3 v4のために私のために働いたあなた

+1

リンクを使用しないでください。リンクの背後にある内容が説明していることを説明してください。 – buhtz

+1

OK、ルールは説明なしでリンクを使用していないかもしれませんが、あなたのリンクは助けになりました。ありがとう。 – Patricia

1

このリンクをチェックアウトhttps://bl.ocks.org/mbostock/9764126

役立つことを願ってdc.jsd3.js

を使用:

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

} 
関連する問題