@tetacom/svg-charts 1.7.7 → 1.7.9

package/chart/chart-container/plotband/plot-band.component.d.ts

@@ -26,12 +26,12 @@ export declare class PlotBandComponent implements AfterViewInit, OnDestroy {
     from: import("@angular/core").Signal<any>;
     to: import("@angular/core").Signal<any>;
     bandSize: import("@angular/core").Signal<number>;
+    textPosition: import("@angular/core").Signal<any>;
+    fill: import("@angular/core").Signal<string>;
     constructor(chartService: ChartService, element: ElementRef);
     emit(event: IChartEvent<PlotBand>): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    textPosition: import("@angular/core").Signal<any>;
-    fill: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlotBandComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PlotBandComponent, "[teta-plot-band]", never, { "plotBand": { "alias": "plotBand"; "required": false; "isSignal": true; }; "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/fesm2022/tetacom-svg-charts.mjs

@@ -172,7 +172,7 @@ const defaultSeriesConfig = () => ({
     type: SeriesType.line,
     xAxisIndex: 0,
     yAxisIndex: 0,
-    fillType: FillType.gradient,
+    fillType: FillType.default,
     color: 'coral',
     visible: true,
     enabled: true,
@@ -1493,7 +1493,10 @@ class PlotBandComponent {
         this.axis = input();
         this.scale = input();
         this.size = input();
-        this.fromTo = signal(null);
+        this.fromTo = signal({
+            from: 0,
+            to: 0,
+        });
         this.orientation = AxisOrientation;
         this.height = computed(() => {
             return this.size().height;
@@ -1502,13 +1505,22 @@ class PlotBandComponent {
             return this.size().width;
         });
         this.from = computed(() => {
-            return this.scale()(this.fromTo().from);
+            if (this.scale() && this.fromTo()) {
+                return this.scale()(this.fromTo().from);
+            }
+            return 0;
         });
         this.to = computed(() => {
-            return this.scale()(this.fromTo().to);
+            if (this.scale() && this.fromTo()) {
+                return this.scale()(this.fromTo().to);
+            }
+            return 0;
         });
         this.bandSize = computed(() => {
-            return Math.abs(this.scale()(this.fromTo().to) - this.scale()(this.fromTo().from));
+            if (this.scale() && this.fromTo()) {
+                return Math.abs(this.scale()(this.fromTo().to) - this.scale()(this.fromTo().from));
+            }
+            return 0;
         });
         this.textPosition = computed(() => {
             let [min, max] = this.scale().domain();