scichart-engine 0.4.1 → 0.4.3

package/dist/core/OverlayRenderer.d.ts

@@ -1,7 +1,7 @@
 import { Scale } from '../scales';
 import { ChartTheme } from '../theme';
 import { Series } from './Series';
-import { PlotArea, CursorState } from '../types';
+import { PlotArea, CursorState, AxisOptions } from '../types';
 
 export declare class OverlayRenderer {
     private ctx;
@@ -22,11 +22,11 @@ export declare class OverlayRenderer {
     /**
      * Draw X axis with ticks and labels
      */
-    drawXAxis(plotArea: PlotArea, xScale: Scale, label?: string): void;
+    drawXAxis(plotArea: PlotArea, xScale: Scale, options?: AxisOptions): void;
     /**
      * Draw Y axis with ticks and labels
      */
-    drawYAxis(plotArea: PlotArea, yScale: Scale, label?: string, position?: "left" | "right", offset?: number): void;
+    drawYAxis(plotArea: PlotArea, yScale: Scale, options?: AxisOptions, position?: "left" | "right", offset?: number): void;
     /**
      * Draw plot area border
      */

package/dist/scichart-engine.es.js

@@ -1268,12 +1268,12 @@ class fi {
    * Draw X axis with ticks and labels
    */
   drawXAxis(e, t, i) {
-    const { ctx: o } = this, r = this.theme.xAxis, s = t.ticks(8), a = e.y + e.height;
-    o.strokeStyle = r.lineColor, o.lineWidth = r.lineWidth, o.beginPath(), o.moveTo(e.x, a), o.lineTo(e.x + e.width, a), o.stroke(), o.fillStyle = r.labelColor, o.font = `${r.labelSize}px ${r.fontFamily}`, o.textAlign = "center", o.textBaseline = "top", s.forEach((l) => {
-      const c = t.transform(l);
-      c >= e.x && c <= e.x + e.width && (o.strokeStyle = r.tickColor, o.beginPath(), o.moveTo(c, a), o.lineTo(c, a + r.tickLength), o.stroke(), o.fillText(this.formatXTick(l), c, a + r.tickLength + 3));
-    }), i && (o.fillStyle = r.titleColor, o.font = `${r.titleSize}px ${r.fontFamily}`, o.textAlign = "center", o.textBaseline = "bottom", o.fillText(
-      i,
+    const { ctx: o } = this, r = this.theme.xAxis, s = t.ticks(8), a = e.y + e.height, l = i == null ? void 0 : i.label;
+    o.strokeStyle = r.lineColor, o.lineWidth = r.lineWidth, o.beginPath(), o.moveTo(e.x, a), o.lineTo(e.x + e.width, a), o.stroke(), o.fillStyle = r.labelColor, o.font = `${r.labelSize}px ${r.fontFamily}`, o.textAlign = "center", o.textBaseline = "top", s.forEach((c) => {
+      const h = t.transform(c);
+      h >= e.x && h <= e.x + e.width && (o.strokeStyle = r.tickColor, o.beginPath(), o.moveTo(h, a), o.lineTo(h, a + r.tickLength), o.stroke(), o.fillText(this.formatXTick(c, i), h, a + r.tickLength + 3));
+    }), l && (o.fillStyle = r.titleColor, o.font = `${r.titleSize}px ${r.fontFamily}`, o.textAlign = "center", o.textBaseline = "bottom", o.fillText(
+      l,
       e.x + e.width / 2,
       e.y + e.height + 45
     ));
@@ -1282,18 +1282,18 @@ class fi {
    * Draw Y axis with ticks and labels
    */
   drawYAxis(e, t, i, o = "left", r = 0) {
-    const { ctx: s } = this, a = this.theme.yAxis, l = t.ticks(6), c = o === "left" ? e.x - r : e.x + e.width + r, h = o === "left" ? -1 : 1;
-    if (s.strokeStyle = a.lineColor, s.lineWidth = a.lineWidth, s.beginPath(), s.moveTo(c, e.y), s.lineTo(c, e.y + e.height), s.stroke(), s.fillStyle = a.labelColor, s.font = `${a.labelSize}px ${a.fontFamily}`, s.textAlign = o === "left" ? "right" : "left", s.textBaseline = "middle", l.forEach((u) => {
-      const d = t.transform(u);
-      if (d >= e.y && d <= e.y + e.height) {
-        s.strokeStyle = a.tickColor, s.beginPath(), s.moveTo(c, d), s.lineTo(c + a.tickLength * h, d), s.stroke();
-        const f = c + (a.tickLength + 3) * h;
-        s.fillText(this.formatYTick(u), f, d);
+    const { ctx: s } = this, a = this.theme.yAxis, l = t.ticks(6), c = i == null ? void 0 : i.label, h = o === "left" ? e.x - r : e.x + e.width + r, u = o === "left" ? -1 : 1;
+    if (s.strokeStyle = a.lineColor, s.lineWidth = a.lineWidth, s.beginPath(), s.moveTo(h, e.y), s.lineTo(h, e.y + e.height), s.stroke(), s.fillStyle = a.labelColor, s.font = `${a.labelSize}px ${a.fontFamily}`, s.textAlign = o === "left" ? "right" : "left", s.textBaseline = "middle", l.forEach((d) => {
+      const f = t.transform(d);
+      if (f >= e.y && f <= e.y + e.height) {
+        s.strokeStyle = a.tickColor, s.beginPath(), s.moveTo(h, f), s.lineTo(h + a.tickLength * u, f), s.stroke();
+        const g = h + (a.tickLength + 3) * u;
+        s.fillText(this.formatYTick(d, i), g, f);
       }
-    }), i) {
+    }), c) {
       s.save(), s.fillStyle = a.titleColor, s.font = `${a.titleSize}px ${a.fontFamily}`, s.textAlign = "center", s.textBaseline = "top";
-      const u = o === "left" ? c - 40 : c + 40, d = e.y + e.height / 2;
-      s.translate(u, d), s.rotate(o === "left" ? -Math.PI / 2 : Math.PI / 2), s.fillText(i, 0, 0), s.restore();
+      const d = o === "left" ? h - 40 : h + 40, f = e.y + e.height / 2;
+      s.translate(d, f), s.rotate(o === "left" ? -Math.PI / 2 : Math.PI / 2), s.fillText(c, 0, 0), s.restore();
     }
   }
   /**
@@ -1468,13 +1468,13 @@ class fi {
     }
     return i;
   }
-  formatXTick(e) {
-    return Math.abs(e) < 1e-3 && e !== 0 ? this.toScientificUnicode(e, 1) : e.toFixed(3).replace(/\.?0+$/, "");
+  formatXTick(e, t) {
+    return t != null && t.scientific || Math.abs(e) < 1e-3 && e !== 0 ? this.toScientificUnicode(e, 1) : e.toFixed(3).replace(/\.?0+$/, "");
   }
-  formatYTick(e) {
+  formatYTick(e, t) {
     if (e === 0) return "0";
-    const t = Math.abs(e);
-    return t < 1e-4 || t >= 1e4 ? this.toScientificUnicode(e, 1) : e.toPrecision(3);
+    const i = Math.abs(e);
+    return t != null && t.scientific || i < 1e-4 || i >= 1e4 ? this.toScientificUnicode(e, 1) : e.toPrecision(3);
   }
   toScientificUnicode(e, t) {
     const i = e.toExponential(t), [o, r] = i.split("e"), s = {
@@ -1490,11 +1490,11 @@ class fi {
       9: "⁹",
       "-": "⁻",
       "+": "⁺"
-    }, a = r.replace(
-      /[0-9\-+]/g,
+    }, a = r.replace("+", "").replace(
+      /[0-9\-]/g,
       (l) => s[l] || l
     );
-    return `${o} × 10${a}`;
+    return `${o}e${a}`;
   }
 }
 class pi {
@@ -3866,7 +3866,7 @@ function Ve(n, e, t) {
     console.warn("[SciChart] Container has zero size in render, skipping overlay");
     return;
   }
-  n.overlay.clear(i.width, i.height), n.overlay.drawGrid(e, n.xScale, t), n.overlay.drawXAxis(e, n.xScale, n.xAxisOptions.label);
+  n.overlay.clear(i.width, i.height), n.overlay.drawGrid(e, n.xScale, t), n.overlay.drawXAxis(e, n.xScale, n.xAxisOptions);
   const o = [], r = [];
   if (n.yAxisOptionsMap.forEach((c, h) => {
     c.position === "right" ? r.push(h) : o.push(h);
@@ -3874,13 +3874,13 @@ function Ve(n, e, t) {
     const u = n.yScales.get(c), d = n.yAxisOptionsMap.get(c);
     if (u && d) {
       const f = h * 65;
-      n.overlay.drawYAxis(e, u, d.label, "left", f);
+      n.overlay.drawYAxis(e, u, d, "left", f);
     }
   }), r.forEach((c, h) => {
     const u = n.yScales.get(c), d = n.yAxisOptionsMap.get(c);
     if (u && d) {
       const f = h * 65;
-      n.overlay.drawYAxis(e, u, d.label, "right", f);
+      n.overlay.drawYAxis(e, u, d, "right", f);
     }
   }), n.overlay.drawPlotBorder(e), n.series.forEach((c) => {
     if (c.isVisible() && c.hasErrorData()) {