模拟时钟中的散点图

时间:2014-12-16 13:40:38

标签: javascript svg d3.js force-layout

我有一个像这样的json数据数组:

var data=[
{"someProperty":"number","time":"2014-12-11T09:24:39.000Z"}, 
{"someProperty":"number","time":"2014-12-11T09:27:39.000Z"}, 
{"someProperty":"number","time":"2014-12-11T09:30:39.000Z"}, ..... 
]

我需要为数组中的每一个绘制一个圆(半径为" someProperty") 并根据时间将它们放入模拟时钟。 我在这里发现了一张与我的问题类似的图片:

enter image description here

但没有代码:(

我使用d3.js。 我成功地通过使用旋转但是然后所有圆圈在圆周上并且彼此相交。 我想把它们放在半径上以避免碰撞。 我看到一些碰撞检测的例子,如http://bl.ocks.org/mbostock/1747543 但我没有看到有任何选项来控制x,y的位置,就像我想要的那样。

1 个答案:

答案 0 :(得分:0)

如果我正确地阅读了这个问题," someProperty"将提供半径值,"时间"提供角度。

我建议将这些数据转换为极坐标,如下所述:d3.js Plot elements using polar coordinates

Theta将是从" time"转换的角度。 r将是" someProperty"