如何在d3.js中绘制历史楣

Question

我有一个像这样的json对象：

{
"data":{
"2012-12-29":[
    {"Dir":112.5,"Spd":2,"Spl":7,"Max":16},
    {...}
    {"Dir":"null","Spd":0,"Spl":1,"Max":null}
],
"2012-12-20":[
    {"Dir":22.5,"Spd":2,"Spl":7,"Max":16},
    {...}
    {"Dir":"null","Spd":0,"Spl":1,"Max":null}
],
"2012-12-31":[
    {"Dir":90,"Spd":2,"Spl":7,"Max":16},
    {...}
    {"Dir":"null","Spd":0,"Spl":1,"Max":null}
],
...
}

我想在每个DATE表示的X轴上绘制每个DATE一个圆圈。 Y valus始终为：0，所有圆都在X轴上。

我在每个圈子中加入D3.on("click",function (){...})以显示内部数据。

在第一步中，我只创建一个DATE数组：

var list=[];
for (var keydate in DATA) {
    list.push(keydate);
    i++;
}

之后我想画出我的日期，但我不知道怎么做？

var svg = d3.select(container)
    .append("svg")

svg.selectAll("circle")
   .data(list)
   .enter()
   .append("circle")