Dygraphs僅顯示年份日期值

Question

我正在開發條形圖以顯示與一系列其他年度值相比較的年度總計值。這些數值是一年中的總用水量與前一年相比等等。我無法弄清楚如何將我的CSV中的日期字段格式化爲單個年度值。假設它必須是20130101之類的東西，我如何定製x軸labl以顯示2013 2012 2011等？

CSV

Date,Litres 
2012,42047 
2013,18604.5 

代碼

g4 = new Dygraph(document.getElementById("year"), 
       "192.168.252.30/monitoring/data_water_year.php", 
       {legend: 'always', 
        title: 'Yearly Water Usage', 
        xlabel: 'Date', 
        ylabel: 'Litres', 
        includeZero: true, 
        animatedZooms: true, 
        drawXGrid: false, 
        plotter: barChartPlotter} 
); 

Answer 1

您要爲x軸，以僅輸出上年功能axisLabelFormatter選項。可能還有valueFormatter選項。請參閱 http://dygraphs.com/options.html#axisLabelFormatter和http://dygraphs.com/tests/value-axis-formatters.html以獲取靈感。

您的代碼將風看起來像這樣：

new Dygraph(div, data, { 
    axes: { 
    x: { 
     axisLabelFormatter: function(d) { return d.getFullYear() }, 
     valueFormatter: function(ms) { return new Date(ms).getFullYear() } 
    } 
    } 
});