refactor(charts): improve type safety

projects/charts-ng/src/components/si-chart-circle/si-chart-circle.component.ts

@@ -41,7 +41,7 @@ export class SiChartCircleComponent extends SiChartComponent {
         : 0;
     const top = 32 + offset;
     this.series()?.forEach(series => {
-      const s: any = Object.assign({ type: 'pie', top }, series);
+      const s: PieSeriesOption = { type: 'pie', top, ...series };
       optionSeries.push(s);
       if (this.showLegend()) {
         series.data.forEach(data => {

projects/charts-ng/src/components/si-chart-gauge/si-chart-gauge.component.ts

@@ -89,10 +89,10 @@
 
   private readonly locale = inject(LOCALE_ID).toString();
   private readonly actualMinNumberOfDecimals = computed(
     () => this.numberOfDecimals() ?? this.minNumberOfDecimals()
   );
   private readonly actualMaxNumberOfDecimals = computed(
     () => this.numberOfDecimals() ?? this.maxNumberOfDecimals()
   );
   private readonly numberFormat = computed(() => {
     const minDecimals = this.actualMinNumberOfDecimals();
@@ -123,7 +123,7 @@
     const colors: string[] = this.colors() ?? effectiveOpts.color;
     const hasIndicator = !!this.segments().length;
 
-    let newColors: any[];
+    let newColors: [number, string][];
     if (hasIndicator) {
       newColors = this.segments().map((threshold, index) => {
         const color = colors[index % colors.length];
@@ -146,7 +146,7 @@
     this.refreshSeries();
   }
 
-  private setAxisLineColor(colors: any[], axisLine: any): void {
+  private setAxisLineColor(colors: [number, string][], axisLine: any): void {
     axisLine.lineStyle = axisLine.lineStyle ?? {};
     axisLine.lineStyle.color = colors;
   }

projects/charts-ng/src/components/si-chart-sankey/si-chart-sankey.component.ts

@@ -29,8 +29,8 @@
   protected override applyOptions(): void {
     const series = this.series();
     this.actualOptions = {
-      series: series ? (Object.assign({ type: 'sankey' }, series) as any) : [],
+      series: series ? [{ type: 'sankey', ...series }] : [],
       tooltip: { show: this.toolTip() || this.tooltip() }
     };
 
     this.applyTitles();

projects/charts-ng/src/components/si-chart-sunburst/si-chart-sunburst.component.ts

@@ -29,8 +29,8 @@
   protected override applyOptions(): void {
     const series = this.series();
     this.actualOptions = {
-      series: series ? (Object.assign({ type: 'sunburst' }, series) as any) : [],
+      series: series ? [{ type: 'sunburst', ...series }] : [],
       tooltip: { show: this.toolTip() || this.tooltip() }
     };
 
     this.applyTitles();