title: line chart is not showing in angular 12
body: <p><a href="https://i.stack.imgur.com/HEBal.png" rel="nofollow noreferrer">line chart</a></p>
  <p>ts file for line chart</p>
  <pre><code> intializationChartoption(series: number[]):void {
  this.lineChartApex = true
    
  
     this.title ={
       text: 'linechart'
     };
  
     this.yaxis ={
       show: false,
       showAlways: false
     }
     this.series = [{
       name: 'Order_date',
       data: series  
     }]
     this.dataLabels ={
       enabled: false
     }
  
     this.markers ={
       size: 0
     }
     this.nodata={
       text: &quot;nodata&quot;
     }
     this.apexchart = {
  
       type: &quot;area&quot;,
       stacked: false,
       height: 350,
       width:350,
       animations: {
         enabled: false},
      
       zoom: {
         type: &quot;x&quot;,
         enabled: false,
         autoScaleYaxis: true
       },
       toolbar: {
         show: false
       },
       
     };
  </code></pre>
  <p>html</p>
  <pre><code>    &lt;div *ngIf=&quot;lineChartApex&quot;&gt;
    &lt;apx-chart [series]=&quot;series&quot; [chart]=&quot;apexchart&quot;  [title]=&quot;title&quot; [dataLabels]=&quot;dataLabels&quot; [yaxis]=&quot;yaxis&quot; [markers]=&quot;markers&quot;
    &gt;&lt;/apx-chart&gt;
  &lt;/div
  </code></pre>
  <p>I m getting the data from api to line chart, but it is not showing UI and i imported ngapexchart module in module.ts file . I install apex chart using npm i ng-apexcharts.</p>