dc.js气泡图,沿x轴时间轴绘制气泡

时间:2014-01-31 18:59:51

标签: javascript d3.js timeline bubble-chart dc.js

我正在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轴是计算危险等级乘以计数(我打电话 这个“影响”)
  • x轴根据气泡绘制气泡 时间轴,与下面的条形图相同的时间范围。这是 我被卡住了。

所有气泡都固定在像素0处,并且不会划过。我希望这些能够在时间轴上反映出他们的观点。理想情况下,我想将它们分组为1小时组。但是让他们进行策划将会对我学习这些库的过程产生重大影响。

脚本位于:http://junklogic.com/dcjs/creatures/js/creatures.js

JSON文件位于:http://junklogic.com/dcjs/creatures/data/dashdata.json

提前感谢您的帮助。如果我需要提供任何其他信息来帮助解决这个问题,我很乐意提供我能提供的信息

1 个答案:

答案 0 :(得分:0)

好吧,我找到了。

p.datetime += v.date; 

p.datetime -= v.date;

应该是:

p.datetime = v.date;