Почему я не могу получить доступ к своим свойствам объекта JS?

Question

Я пытаюсь переформатировать данные JSON из REST Api для отображения данных с помощью d3. Код d3 находится внутри углового компонента, но я думаю, что проблема больше связана с JavaScript. Шаблон, который я хочу использовать, находится здесь: https://bl.ocks.org/mbostock/3884955

Данные, которые я получаю, форматируются как массив объектов (из которых я просто хочу напечатать первый):

{"time":["2018-09-17T12:44:16.985Z","2018-09-17T12:44:17.982Z"],
    "counts":[
            [3539.8,3539.4],
            Arr(2),
            Arr(2),
            Arr(2),
            Arr(2)
    ]
}

-> пять точек измерения с двумя (в этом примере) измерениями в каждой

Вот как d3-код ожидает данные:

(local var) data: {
id: string;
values: {
    date: any;
    count: any;
}[];

код, который я пытался добиться этого:

   var keys_all=d3.keys(data[0].counts);
   var measurementData = keys_all.map(function(id) {
   return {
    id: id.toString(),
    values: data[0].counts[id].map(function(d,i) {
      return {date: data[0].time[i], count: d};
    })
   };
   });  

Когда я console.log(), результат именно то, что я ожидал. Но я не могу получить доступ к свойствам "дата" и "время" в моем следующем коде.

Когда я наведу курсор на переменную результата, VS Code только показывает:

(local var) data: {
id: string;
values: any;
}[]

Я также попытался войти в строку объекта, и это также работает.

Есть идеи, что может пойти не так?