Доступ к вложенной структуре JSON в D3
Я пытаюсь создать набор графиков, используя D3, и мне трудно понять, как получить доступ к вложенным структурам данных в моем JSON. Данные выглядят примерно так (усечено):
{ "date": "20120927",
"hours": [
{ "hour": 0, "hits": 823896 },
{ "hour": 1, "hits": 654335 },
{ "hour": 2, "hits": 548812 },
{ "hour": 3, "hits": 512863 },
{ "hour": 4, "hits": 500639 }
],
"totalHits": "32,870,234",
"maxHits": "2,119,767",
"maxHour": 12,
"minHits": "553,821",
"minHour": 3 }
{ "date": "20120928",
"hours": [
{ "hour": 0, "hits": 1235923 },
{ "hour": 1, "hits": 654335 },
{ "hour": 2, "hits": 1103849 },
{ "hour": 3, "hits": 512863 },
{ "hour": 4, "hits": 488506 }
],
"totalHits": "32,870,234",
"maxHits": "2,119,767",
"maxHour": 12,
"minHits": "553,821",
"minHour": 3 }
В конечном итоге я хочу создать несколько радарных графиков, по одному на каждый день, с графиком попаданий для каждого часа. Но у меня проблемы даже с тем, чтобы просто попасть в массив «часов». Я могу, например, получить список всех дат, например так:
d3.select("body")
.append("ul")
.selectAll("li")
.data(data)
.enter()
.append("li")
.text(function (d,i) {
return d.date;
});
Но я не могу получить что-то более вложенное. Может кто-нибудь помочь направить меня в правильном направлении?