我有一个像这样的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") 并根据时间将它们放入模拟时钟。 我在这里发现了一张与我的问题类似的图片:
但没有代码:(
我使用d3.js。 我成功地通过使用旋转但是然后所有圆圈在圆周上并且彼此相交。 我想把它们放在半径上以避免碰撞。 我看到一些碰撞检测的例子,如http://bl.ocks.org/mbostock/1747543 但我没有看到有任何选项来控制x,y的位置,就像我想要的那样。
答案 0 :(得分:0)
如果我正确地阅读了这个问题," someProperty"将提供半径值,"时间"提供角度。
我建议将这些数据转换为极坐标,如下所述:d3.js Plot elements using polar coordinates
Theta将是从" time"转换的角度。 r将是" someProperty"