title: Angular ngx-chart: Object not iterable
body: <p>I have problem with Anguler ngx-charts. I am trying to plot data and still getting error:<br>
  <code>ERROR TypeError: data is not iterable</code>.</p>
  
  <p>If I use this data defined in ts file, plot shows correctly. <br></p>
  
  <pre><code>public data = [
    {
      "name": "Požadovaný prùtok vzduchu",
      "series": [
        {
          "value": "  923",
          "name": "0"
        },
        {
          "value": "  923",
          "name": "0"
        },
        {
          "value": "  924",
          "name": "1"
        },
        {
          "value": "  916",
          "name": "5"
        },
        {
          "value": "  916",
          "name": "8"
        }
      ]
    }
  ];
  </code></pre>
  
  <p>But I need to plot data from https request. My code is:</p>
  
  <pre><code>this.loadedFile.getContent(email,this.nazev).subscribe(res =&gt; { 
          console.log(this.data);
          this.data = res.data;
    });
  </code></pre>
  
  <pre><code>getContent(folder:any, filename:any) {
      return this.httpClient.post&lt;any&gt;(apiUrl + 'loginApi/contentApi/file.php', {folder,filename});  
      }
  </code></pre>
  
  <p>Result res.data should be JSON with correct format.</p>
  
  <pre><code>"data": {
          "name": "Požadovaný prùtok vzduchu",
          "series": [
              {
                  "value": "  923",
                  "name": "0"
              },
              {
                  "value": "  923",
                  "name": "0"
              },
  etc...
  </code></pre>
  
  <p>This is my code and I cannot plot data from request, because of iterable error. I tried convert it to string and back to JSON format, used as string, create array and nothing worked. </p>
  
  <p>Thank you! :)</p>