How to fix this error Type 'number' has no properties in common with type 'XrangePointOptionsObject'

Question

I\'m getting this error Type \'number\' has no properties in common with type \'XrangePointOptionsObject\'. I want to add bar chart using angular highchatrs in my angular projec

Answer 1

I was facing the same issue. you need to use following input

[runOutsideAngular]="true"

so it will be

<highcharts-chart [Highcharts]="Highcharts" [options]="chartOptions.trends" [runOutsideAngular]="true"
            style="width: 100%; height: 400px; display: block;">
</highcharts-chart>