Fixedd TS.

Author: karolkolodziej

src/app/lazy-loading-chart/lazy-loading-chart.component.ts

@@ -7,6 +7,10 @@ import { Observable } from 'rxjs';
 
 HC_stock(Highcharts);
 
+interface ExtendedPlotCandlestickDataGroupingOptions extends Highcharts.PlotCandlestickDataGroupingOptions{
+  enabled: boolean
+}
+
 @Component({
   selector: 'app-lazy-loading-chart',
   templateUrl: './lazy-loading-chart.component.html',
@@ -49,7 +53,7 @@ export class LazyLoadingChartComponent {
                 data: chartData,
                 dataGrouping: {
                   enabled: false
-                }
+                } as ExtendedPlotCandlestickDataGroupingOptions
               }, false);
 
               chart.update({

src/app/tests/line-test/line-test.component.ts

@@ -1,6 +1,10 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import * as Highcharts from 'highcharts';
 
+interface ExtendedSeriesCandlestickOptions extends Highcharts.SeriesCandlestickOptions {
+  color: Highcharts.ColorType;
+}
+
 @Component({
   selector: 'app-line-test',
   templateUrl: './line-test.component.html',
@@ -20,7 +24,7 @@ export class LineTestComponent {
   };
 
   updateSeriesColor() {
-    this.chartOptions.series[0].color = 'hotpink';
+    (this.chartOptions.series[0] as ExtendedSeriesCandlestickOptions).color = 'hotpink';
     this.updateFlag = true;
   }
 }