Пузырьковая диаграмма dc.js, построение пузырьков по оси X

Question

Я строю пузырьковую диаграмму в dc.js, но у меня проблемы с построением графика вдоль оси X.

Ссылка на графики: http://junklogic.com/dcjs/creatures/creatures.html

Дизайн этой диаграммы следующий, используя набор данных "Наблюдения за мифическими существами" для развлечения.

Каждая строка JSON выглядит так:

{
  "creature_name": "Dragon",
  "seenby": "Ann",
  "date": "2014-01-25T22:10:58",
  "danger": 3,
  "location": "FL" 
},

Каждый пузырь сгруппирован на основе даты и времени наблюдения существа.

• Радиус пузырька - это количество наблюдений человека в конкретный момент времени.
• Цвет пузыря - это среднее значение уровней опасности, которые суммируются и делятся на количество, чтобы показать число 1-3.
• Ось Y - это расчет уровней опасности, умноженных на количество (я называю это "удар")
• По оси абсцисс должны быть изображены пузырьки на временной шкале с тем же диапазоном времени, что и под столбчатой ​​диаграммой. Вот где я застрял.

Все пузырьки закреплены на пикселе 0 и не отображаются поперек. Я хотел бы, чтобы они отражали их точку зрения на временной шкале. В идеале я хотел бы сгруппировать их, скажем, в 1-часовые группы. Но только привлечение их к сюжету сильно изменит мой прогресс в изучении этих библиотек.

Сценарий находится по адресу: http://junklogic.com/dcjs/creatures/js/creatures.js

Файл JSON находится по адресу: http://junklogic.com/dcjs/creatures/data/dashdata.json

Заранее благодарю за любую помощь. Если мне нужно предоставить какую-либо другую информацию, чтобы помочь решить этот вопрос, я с радостью предоставлю то, что могу

Answer 1

Ну, я нашел это.

p.datetime += v.date; 

а также

p.datetime -= v.date;

должно быть просто:

p.datetime = v.date;