2

我正在 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 处，并且不会跨过。我希望这些能够反映他们在时间线上的观点。理想情况下，我想将他们分成 1 小时的小组。但是仅仅让它们绘制出来就会对我学习这些库的过程产生很大的影响。

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

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

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

4

1 回答 1

0

嗯，我找到了。

p.datetime += v.date;

和

p.datetime -= v.date;

应该只是：

p.datetime = v.date;
于 2014-02-07T00:37:58.960 回答