Как я могу получить доступ к значению элемента в массиве в машинописи / Angular?

Question

В настоящее время я работаю над проектом angular, в котором мы пытаемся показать некоторые графики пользователю. Я получаю информацию из бэкэнда, используя http.get из HttpClient и сохраняю информацию в массиве (получаются два JSON ответа, обернутые в другой JSON; количество диаграмм и фактические диаграммы).

Когда я регистрирую информацию в консоли, я вижу две вещи. Если я выведу весь объект, я смогу увидеть информацию просто отлично. Однако, если я пытаюсь получить доступ к одному из элементов, он говорит undefined. Поскольку информация отображается как неопределенная, я не могу с ней работать.

Моя цель - перебирать элементы (диаграммы) для сбора информации, но l oop никогда не запускается, так как я не могу получить доступ к значениям. Кроме того, я подумал, что, возможно, было бы лучше сохранить полученный ответ как json с ключом: значение. Я открыт для предложений, но если опция key: value кажется лучше, я был бы признателен за понимание того, как это сделать

  this.http.get(`http://localhost:8000/markov/`+userInput+`/`).subscribe(data =>{console.log(data);
          for (let key in data)
            if (data.hasOwnProperty(key)){
              this.myObj.push(data[key]);
            }
          });
    var charts,graphs,functions;
        console.log("obj at pos 1 ");
        console.log(this.myObj[1]);
        console.log("obj");
        console.log(this.myObj);
//this loop never starts
  for (charts in this.myObj[1]){
       //some code
      }


//output: in the console
obj at pos 0 
undefined
obj
[]
0: 4
1: {graph1: {…}, graph2: {…}, graph3: {…}, graph4: {…}}
length: 2
__proto__: Array(0)