D3隨時間堆積的條形圖

Question

我遇到了使用d3和日期時間的問題。 是否有示例顯示帶時間維度的堆疊條形圖？ 我想將用戶的活動（例如乘坐公共汽車，步行等）形象化爲條形圖。 現有的是基於數字，真的很難理解。我發現這一個https://gist.github.com/anotherjavadude/2940908這似乎更好，但仍然不清楚。

Answer 1

我發現Stacked bar-charts on time scale using D3這似乎滿足您的需求。

無論如何，我寧願去與Highcharts並使用其堆積的條形圖作爲時間序列。

在下面的jsfiddle你可以看到我究竟是如何做的：

http://jsfiddle.net/fwuensche/y1w9nnod/3/

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'My energy consumption' 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 
         'Jun', 'Jul', 'Aug', 'Sep', 'Oct'] 
     }, 
     yAxis: { 
      min: 0, 
      title: { 
       text: 'Consumption [KWh]' 
      }, 
      stackLabels: { 
       enabled: true, 
       style: { 
        fontWeight: 'bold', 
        color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' 
       } 
      } 
     }, 

     // series data goes here 

    }); 
}); 

希望它能幫助！

Answer 2

這裏是一個條形圖例如基於日期：http://bl.ocks.org/mbostock/1134768