javascript - 如何在 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}
],
...
}

我想在 X 轴上绘制每个日期，用圆圈表示每个日期。Y 值始终为：0，所有圆都在 X 轴上。

在我包含D3.on("click",function (){...})在每个圆圈上以显示内部数据之后。

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

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

在我想画我的 DATE 但我不知道怎么画之后？

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

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