我遇到了使用d3和日期时间的问题。 是否有示例显示带时间维度的堆叠条形图? 我想将用户的活动(例如乘坐公共汽车,步行等)形象化为条形图。 现有的是基于数字,真的很难理解。我发现这一个https://gist.github.com/anotherjavadude/2940908这似乎更好,但仍然不清楚。D3随时间堆积的条形图
1
A
回答
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
});
});
希望它能帮助!
0
相关问题
- 1. D3条形图堆积条形图
- 2. d3.js的堆积条形图.offset()值
- 3. D3中的动态堆积条形图
- 4. d3过渡堆积条形图
- 5. D3水平堆积条形图线
- 6. 堆积条形图
- 7. 堆积条形图
- 8. 堆积条形图
- 9. 更新d3堆积条形图/柱形图上的数据
- 10. 标准化堆积条形图到堆积条形图
- 11. 堆积条形图Matlab的
- 12. 堆积的条形图WPF
- 13. Matplotlib堆积的条形图
- 14. likert堆积条形图
- 15. Dimple.js堆积条形图
- 16. Ext-gwt堆积条形图
- 17. 绘制堆积条形图?
- 18. Matlab:3D堆积条形图
- 19. swift堆积条形图
- 20. 堆积条形图转换
- 21. 100%堆积条形图
- 22. 堆积条形图 - >堆积柱形图
- 23. d3.js堆积图
- 24. 使用内部JSON变量的D3中的堆积条形图
- 25. D3.js堆积的条形图破碎的过渡
- 26. D3中的堆积条形图的Y和高度值
- 27. d3.js对数缩放堆积的条形图
- 28. 使用D3.js layout.stack(),以使归一化的堆积条形图
- 29. Exapandable使用d3.js的堆积条形图
- 30. D3.js - 带圆角的堆积条形图
你应该可以很容易地使用[NVD3](http://nvd3.org/ghpages/multiBar.html)。 –
谢谢,我已经切换到HTML5。我认为d3对于没有任何标准图表来说都不好。它旨在支持标准的可视化,并且很难更改其预定义的模板。至少现在我更喜欢纯HTML 5 –