javascript - dc.js 气泡图，沿 x 轴时间线绘制气泡

Question

我正在 dc.js 中构建气泡图，但在沿 X 轴绘图时遇到问题。

图表的链接是:http://junklogic.com/dcjs/creatures/creatures.html

这个图表的设计如下，使用了《Mythical Creature Sightings》的一个数据集，好玩。

每一行JSON是这样的:

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

每个气泡都根据生物目击的日期和时间进行分组。

• 气泡半径是指个人在特定时间看到的次数。
• 气泡颜色是危险级别的平均值，将其相加并除以显示数字 1-3
• y 轴是危险等级乘以计数的计算结果(我称之为这种“影响”)
• x 轴应该根据时间线，其时间范围与其下方的条形图相同。这是我被困在哪里。

所有的气泡都被固定在像素 0 上并且不跨越。我希望这些能够反射(reflect)他们在时间轴上的观点。理想情况下，我想将他们分组，比如说，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;