[Solved]-How to use trellis chart with stacked column in Angular 10 using Highcharts-Highcharts

In the demo below I recreated the official demo from the docs below. I have created a separate universal component for the chart and then in the App HTML part I have created the table and for each chart, I have provided the name and data. It's just a basic example to show you how it might be achieved.

The chart element in HTML:

<td>
    <app-trellis [name]="'Firs'" [data]="[1, 2, 3, 4]"></app-trellis>
</td>
    

Docs: https://www.highcharts.com/docs/chart-and-series-types/bar-chart
Demo: https://stackblitz.com/edit/highcharts-angular-trellis