data-viz-elements-ui/src/components/viz-area-chart/viz-area-chart.component.html

<div class="viz-area-chart" [class.viz-area-chart--legend-left]="legend().visible && legend().position === 'left'" [class.viz-area-chart--legend-right]="legend().visible && legend().position === 'right'">
  @if (legend().visible && (legend().position === 'top' || legend().position === 'left')) {
    <viz-legend [items]="legendItems()" [position]="legend().position" (itemClick)="onLegendClick($event)" />
  }
  <div #chart></div>
  @if (legend().visible && (legend().position === 'bottom' || legend().position === 'right')) {
    <viz-legend [items]="legendItems()" [position]="legend().position" (itemClick)="onLegendClick($event)" />
  }
</div>