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