如何格式化上人力車圖表Y軸值

Question

我想使用的 http://code.shutterstock.com/rickshaw/

JavaScript的圖形和我得到它的工作的一個例外，當我的小於0.00000100那麼y軸值的值以科學格式顯示，例如2e-7的值0.00000020

如何讓它顯示0.00000020而不是2e-7？

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內置number formatters或滾你自己。例如：

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)} 
     }); 

你可以把你想要有什麼功能。