У меня проблема с 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
Вот пример гистограммы по дате: http://bl.ocks.org/mbostock/1134768
+0
Спасибо, я видел этот пример и пытаюсь его понять. Для новичков это слишком сложно. –
Смежные вопросы
- 1. D3 Сложенная гистограмма
- 2. Сложенная гистограмма
- 3. Highchart 2.1.5 сложенная гистограмма
- 4. Сложенная гистограмма в R
- 5. Сложенная гистограмма с процентом
- 6. Сложенная гистограмма в D3, используя внутреннюю переменную JSON
- 7. Категория JQuery Flot сложенная гистограмма не складывается
- 8. Chart.js сложенная и сгруппированная гистограмма
- 9. сложенная гистограмма в wpf toolkit
- 10. Сложенная гистограмма с несколькими yAxis
- 11. сложенная гистограмма легенда проблема jqplot
- 12. d3.js - Гистограмма не отображается со шкалой
- 13. Сложенная гистограмма не подходит должным образом
- 14. Настройка d3 сложенная диаграмма области
- 15. Сложенная гистограмма приводит к смещению баров
- 16. R: Сложенная гистограмма из двух данных столбца
- 17. Сложенная гистограмма с отрицательными данными JSON
- 18. Сложенная гистограмма с HTML и CSS
- 19. SSRS сложенная гистограмма с пометкой метки
- 20. Множественная группировка в кендо ui сложенная гистограмма
- 21. Google сложенная гистограмма с датой на x и временем по y
- 22. панда: участок гистограмма со временем на оси х
- 23. D3.js Гистограмма
- 24. D3 гистограмма перемена путаницы
- 25. d3 Гистограмма многократного использования
- 26. d3 гистограмма с подкатегориями
- 27. JavaScript, D3 ошибка гистограмма
- 28. d3 вертикальная гистограмма
- 29. Сделать d3 Гистограмма отзывчивого
- 30. D3 горизонтальная гистограмма
Вы можете сделать это довольно легко с помощью [NVD3] (http://nvd3.org/ghpages/multiBar.html). –
Спасибо, я перешел на HTML5. Я думаю, что d3 не подходит ни для одного стандартного графика. Он предназначен для поддержки стандартных визуализаций, и трудно изменить его предопределенный шаблон. По крайней мере, теперь мне более комфортно с чистым HTML 5 –