X軸日期格式在人力車

Question

我添加了一個日期時間X軸，以我的黃包車圖：

var x_axis = new Rickshaw.Graph.Axis.Time({ 
    graph: graph, 
    timeFixture: new Rickshaw.Fixtures.Time(), 
}); 

但是，它一般不給我我想要的格式。我可以給它一個符所以日期時間總是在指定的格式（即類似d3.time.format（符））？

Answer 1

基於拉爾斯鏈接的例子，我也做了以下內容：

var format = function(d) { 
    d = new Date(d) 
    return d3.time.format("%c")(d) 
} 
var x_axis = new Rickshaw.Graph.Axis.X({ 
     graph: graph, 
     tickFormat: format, 
}); 

這似乎是工作，所以現在我只需要找到一種方法，使間距出來行不行....

Answer 2

格式化只格式化字符串，也不會確定的間距。 爲了控制間距和格式，你可以寫你自己的「夾具」，例如以https://github.com/shutterstock/rickshaw/blob/master/src/js/Rickshaw.Fixtures.Time.js爲例。 夾具提供兩件事情：所述間隔（例如年，月，日，小時），並且每個的格式。 創建一個類似的燈具，空間和格式，以您的需求，並把它放在X軸：

var xAxis = new Rickshaw.Graph.Axis.Time({ 
    graph: graph, 
    //timeFixture: new Rickshaw.Fixtures.Time() 
    timeFixture: new MyOwnTimeFixture() 
}); 

Answer 3

試試這一個，將工作

var xAxis = new Rickshaw.Graph.Axis.Time({ 
     graph: graph, 
     tickFormat: function(x){ 
      return new Date(x).toLocaleString(); 
     }, 
     ticks: 4 
    });