title: Apex charts in Angular 9
body: <p>I have some problem using apex charts in angular 9, essentially I'm able to see the chart (line chart) when I mock the data as in the first screenshot, but I can't get data from REST API, I mean the chart disappears.
  <a href="https://i.stack.imgur.com/qVMH4.png" rel="nofollow noreferrer">mocked datas</a></p>
  <p>This is the method containing the chart:</p>
  <pre><code>      drawGraph(){
      this.projectService.getLineChartData(this.getID()).then((data) =&gt;{
        
        for(let i = 0; i&lt;data.resourceListSize; i++){
      
        this.chartOptions = {
          series: [
            {
              name: &quot;data&quot;,
              data: [28, 29, 33, 36, 32, 32, 33]
            },
            {
              name: &quot;Low - 2013&quot;,
              data: [12, 11, 14, 18, 17, 13, 13]
            }
          ],
          chart: {
            height: 350,
            type: &quot;line&quot;,
            dropShadow: {
              enabled: true,
              color: &quot;#000&quot;,
              top: 18,
              left: 7,
              blur: 10,
              opacity: 0.2
            },
            toolbar: {
              show: false
            }
          },
          colors: [&quot;#77B6EA&quot;, &quot;#545454&quot;],
          dataLabels: {
            enabled: true
          },
          stroke: {
            curve: &quot;smooth&quot;
          },
          title: {
            text: &quot;Average High &amp; Low Temperature&quot;,
            align: &quot;left&quot;
          },
          grid: {
            borderColor: &quot;#e7e7e7&quot;,
            row: {
              colors: [&quot;#f3f3f3&quot;, &quot;transparent&quot;], // takes an array which will be repeated on columns
              opacity: 0.5
            }
          },
          markers: {
            size: 1
          },
          xaxis: {
            categories: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;, &quot;Jul&quot;],
            title: {
              text: &quot;Month&quot;
            }
          },
          yaxis: {
            title: {
              text: &quot;Temperature&quot;
            },
            min: 5,
            max: 40
          },
          legend: {
            position: &quot;top&quot;,
            horizontalAlign: &quot;right&quot;,
            floating: true,
            offsetY: -25,
            offsetX: -5
          }
        };
      }
    })
    }
  </code></pre>
  <p>Any help would be appreciated! Thank you</p>