title: ngx-charts-advanced-pie-chart Render without the attributes or attributes
body: <p>I have Been Working with ngx-charts-advanced-pie-chart but it's not rendering the whole tag. All I can see in the DOM via inspecting is <code>&lt;ngx-charts-advanced-pie-chart&gt;&lt;/ngx-charts-advanced-pie-chart&gt;</code> all the <strong>attributes are missing from the DOM</strong>.</p>
  <p>page.html</p>
  <pre><code>&lt;div class=&quot;card-body widget-body&quot;&gt;
          &lt;div style=&quot;width:1000px;height:300px;&quot;&gt;
  
              &lt;ngx-charts-advanced-pie-chart [view]=&quot;view&quot; [scheme]=&quot;colorScheme&quot; [results]=&quot;localDataArrayIdea&quot;
                  [gradient]=&quot;gradient&quot;&gt;
              &lt;/ngx-charts-advanced-pie-chart&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>page.component.ts</p>
  <pre><code>import { PageService } from './page.service';
  import { Component, ViewEncapsulation, OnInit } from '@angular/core';
  
  @Component({
    selector: 'app-page',
    templateUrl: './page.component.html',
    styleUrls: ['./page.component.scss']
  })
  export class DashboardComponent implements OnInit {
  
    public localDataArrayIdea;
    public dataArrayIdea: any[] = [
      {
        'name': 'Submitted',
        'value': 1
      },
      {
        'name': 'Review',
        'value': 1
      },
      {
        'name': 'Presentation',
        'value': 2
      },
      {
        'name': 'Approve',
        'value': 10
      },
      {
        'name': 'Not approve',
        'value': 1
      },
      {
        'name': 'Open',
        'value': 1
      }
    ];
    view: any[] = [700, 400];
  
    gradient = true;
  
    colorScheme = {
      domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA', '#CAAAAA', '#7AAAAA']
    };
  
    constructor(public countService: PageService) {
      this.getCountsIdea();
      console.log('Dashboard Constructed');
    }
  
    public ngOnInit() { }
  
    getCountsIdea() {
      this.countService.getCountsIdea((data) =&gt; {
        this.dataArrayIdea[0].value = data.submittedCount;
        this.dataArrayIdea[1].value = data.reviewCount;
        this.dataArrayIdea[2].value = data.presentationCount;
        this.dataArrayIdea[3].value = data.approvedCount;
        this.dataArrayIdea[4].value = data.notApprovedCount;
        this.dataArrayIdea[5].value = data.openCount;
        const localDataArrayIdea = this.dataArrayIdea;
        Object.assign(this, { localDataArrayIdea });
        console.log('localDataArrayIdea ', localDataArrayIdea);
      }, (err) =&gt; {    });
    }
  }
  </code></pre>
  <p>page.module.ts</p>
  <pre><code>import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { NgxChartsModule } from '@swimlane/ngx-charts';
  import { PageComponent } from './page.component';
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  
  @NgModule({
    schemas: [CUSTOM_ELEMENTS_SCHEMA],
    imports: [
      CommonModule,
      NgxChartsModule,
      BrowserAnimationsModule
    ],
    declarations: [
      PageComponent
    ],
  })
  
  export class PageModule { }
  </code></pre>
  <p>This should have rendered the needed attributes in the DOM for UI but all I see is an empty tag. can someone please help with with the issue</p>