cats-charts 0.0.72 → 0.0.74

package/fesm2022/cats-charts.mjs

@@ -1385,6 +1385,34 @@ class Charts {
         </div>
       `;
     }
+    calculateGridTopLineBar(config) {
+        let maxHeight = 0;
+        const label = config?.series?.[0]?.['label'];
+        if ((config?.showLabel !== true && label?.show !== true) ||
+            (config?.labelPosition !== 'top' && label?.position !== 'top')) {
+            return 0;
+        }
+        const font = [
+            label.fontStyle,
+            label.fontWeight,
+            `${label.fontSize ?? 12}px`,
+            label.fontFamily ?? 'sans-serif',
+        ]
+            .filter(Boolean)
+            .join(' ');
+        const text = typeof label.formatter === 'string' ? label.formatter : '0';
+        const rect = echarts.format.getTextRect(text, font);
+        const padding = label.padding ?? 0;
+        const verticalPadding = Array.isArray(padding)
+            ? padding.length === 1
+                ? padding[0] * 2
+                : padding.length === 2
+                    ? padding[0] * 2
+                    : padding[0] + padding[2]
+            : padding * 2;
+        maxHeight = Math.max(maxHeight, rect.height + verticalPadding);
+        return maxHeight + 6;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Charts, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Charts, providedIn: 'root' });
 }
@@ -1523,7 +1551,7 @@ class LinesChart {
                     left: this.config?.gridLeft ?? 0,
                     right: this.config?.gridRight ?? 0,
                     bottom: this.config?.gridBottom ?? 0,
-                    top: this.config?.gridTop ?? 0,
+                    top: this.config?.gridTop ?? this.chartService.calculateGridTopLineBar(this.config) ?? 0,
                 },
             xAxis: {
                 show: !this.config?.isTrendChart,
@@ -1731,7 +1759,7 @@ class LinesChart {
                                     },
                                 ],
                             },
-                            opacity: 0.4,
+                            opacity: s.areaOpacity ?? 0.4,
                         }
                         : undefined,
                     ...s,
@@ -2057,7 +2085,7 @@ class BarChart {
                 left: this.config.gridLeft ?? 0,
                 right: this.config.gridRight ?? 0,
                 bottom: this.config.gridBottom ?? 0,
-                top: this.config.gridTop ?? 0,
+                top: this.config.gridTop ?? this.chartService.calculateGridTopLineBar(this.config) ?? 0,
             },
             xAxis: {
                 type: 'category',