@if(chartData && chartOptions){
<div class="chart-container">
  <div class="chart-header">
    <div class="cds--type-heading-compact-02">
      {{ chartTitle }}
    </div>
    @if(subHeading) {
    <div class="cds--type-body-compact-01 chart-subheading cds-mb-3">
      {{ subHeading }}
    </div>
    }
  </div>
  @if(chartType === 'area') {
  <ibm-area-chart
    [data]="chartData"
    [options]="chartOptions">
  </ibm-area-chart>
  } @else {
  <ibm-line-chart
    [data]="chartData"
    [options]="chartOptions">
  </ibm-line-chart>
  }
</div>
}