title: How to fix this error Type 'number' has no properties in common with type 'XrangePointOptionsObject'
body: <p>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 project but I'm not able to add because of this error. So can you please help me to solve this error. </p>
  
  <p>Thanks.</p>
  
  <p>this is my component.ts file</p>
  
  <pre><code>import { Chart } from 'angular-highcharts';
  import * as Highcharts from 'highcharts'
  
   @Component({
    selector: 'app-bar-chart',
    templateUrl: './bar-chart.component.html',
    styleUrls: ['./bar-chart.component.scss']
   })
  export class BarChartComponent implements OnInit {
  
   orderChart: Chart;
   revenueChart: Chart;
   options: Highcharts.Options;
  
   constructor() { }
  
    ngOnInit() {
     this.init();
   }
  
   init() {
     this.options = {
      chart: {
        type: 'column'
      },
      title: {
        text: 'Total Predected Vs Actual'
     },
     xAxis:{
        categories: ['2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017'],
        crosshair: true        
     },     
     yAxis : {
        min: 0 ,
  
     },
     tooltip : {
        headerFormat: '&lt;span style = "font-size:10px"&gt;{point.key}&lt;/span&gt;&lt;table&gt;',
        pointFormat: '&lt;tr&gt;&lt;td style = "color:{series.color};padding:0"&gt;{series.name}: &lt;/td&gt;' +
           '&lt;td style = "padding:0"&gt;&lt;b&gt;{point.y:.1f} mm&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;', footerFormat: '&lt;/table&gt;', 
     shared: true, useHTML: true
     },
     plotOptions : {
        column: {
           pointPadding: 0.2,
           borderWidth: 0
        }
     },
     series: [
        {
           name: "Predected",
           data :[14,17,9,10,6,19,6,8]
        },
        {
           name: "Actual",
           data: [65,74,44,66,9,23,36,51]
        }
        ]
   };
   let orderChart = new Chart(this.options);
   this.orderChart = orderChart;
  
   let revenueChart = new Chart(this.options);
   this.revenueChart = revenueChart;
   }
  
  }
  </code></pre>
  
  <p>so the error is shown on the data in the series.</p>