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