Javascript D3带时间的叠层条形图

我在使用d3和日期时间方面有问题。 是否有一个示例显示具有时间维度的堆叠条形图？ 我希望将用户的活动（如乘坐公共汽车、步行等）可视化为条形图。

---

现有的是基于数字的，理解起来非常复杂。我发现这一个似乎更好，但对我来说仍然不清楚

下面是一个基于日期的条形图示例：

我发现它似乎适合您的需要

无论如何，我宁愿使用它的堆叠条形图作为时间序列

在下面的JSfiddle中，您可以看到我是如何做到这一点的：

---

希望有帮助

你应该可以很容易地用。谢谢，我已经切换到HTML5。我认为d3不适合非标准图表。它被设计为支持标准的可视化，并且很难更改其预定义的模板。至少现在我对纯HTML5更满意了。这是错误的，没有预定义的模板。谢谢，我看过这个例子，并试图理解它。它太复杂了，初学者学不好。

$(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

    });
});