Tengo CarsComponent que utilizo varias veces ChartComponent en su plantilla como mencioné en el fragmento de código:

coches.componente.html:

 <div class="row" *ngIf="selectedItemId"> <div class="col-12 mb-2"> <report-chart [LegendData]="xAxisData1" [SeriesData]="yAxisData1" title="میزان خروج وسیله ی نقلیه از مراکز تولید" barChartColor="#ad106c" (onReportClick)="getProductReport()"> </report-chart> </div> <div class="col-12"> <report-chart [LegendData]="xAxisData2" [SeriesData]="yAxisData2" barChartColor="#3398DB" title="میزان ورود وسیله نقلیه به مراکز فروش" (onReportClick)="getSaleReport()"> </report-chart> </div> </div>

y en mi ChartComponent uso un grupo de botones de opción como este:

gráfico.componente.html:

 <nb-radio-group [(ngModel)]="selectedChart" class="d-flex justify-content-center"> <nb-radio class="d-flex justify-content-center" *ngFor="let option of radioButtonsOptions" [value]="option.value"> {{ option.label }} </nb-radio> </nb-radio-group>

mi problema es cuando la carga del gráfico de informe en el botón de opción seleccionado del componente de automóviles solo se muestra en una instancia y quiero evitar que dos instancias se afeccionen entre sí