charts - 人力車グラフの Y 軸の値をフォーマットする方法

Question

http://code.shutterstock.com/rickshaw/の Javascript グラフを使いたい

私の値が0.00000100未満の場合、y軸の値は科学的な形式で表示されます。たとえば、値0.00000020の場合は2e-7です。

2e-7 の代わりに 0.00000020 を表示するにはどうすればよいですか?

Answer 1

私は人力車を使ったことがありませんが、ホームページでこの例を見ています。

var y_axis = new Rickshaw.Graph.Axis.Y( {
        graph: graph,
        orientation: 'left',
        tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
        element: document.getElementById('y_axis'),
} );

関数を tickFormat に渡すことができるようです。この場合、 formatKMBTが渡され、次のようになります。

Rickshaw.Fixtures.Number.formatKMBT = function(y) {
    var abs_y = Math.abs(y);
    if (abs_y >= 1000000000000)   { return y / 1000000000000 + "T" }
    else if (abs_y >= 1000000000) { return y / 1000000000 + "B" }
    else if (abs_y >= 1000000)    { return y / 1000000 + "M" }
    else if (abs_y >= 1000)       { return y / 1000 + "K" } 
    ...ect

ここから、数値フォーマッタに組み込まれている d3 を使用するか、独自のロールを作成できます。例えば：

function yAxisFormat(d){ return d.toFixed(8); }

Answer 2

次に例を示します。

var yAxis = new Rickshaw.Graph.Axis.Y( {
            graph: graph,
            tickFormat: function(y){return y.toPrecision(3)}
        } );

必要な関数をそこに置くことができます。