@oliasoft-open-source/charts-library 5.0.8 → 5.1.0-beta-2

package/dist/index.js.js

@@ -22774,6 +22774,61 @@ const isNilOrEmpty = (value) => {
   return false;
 };
 const isEmptyString = (value) => value === "";
+const ellipsisAnnotationPlugin = {
+  id: "ellipsisAnnotationPlugin",
+  afterDatasetsDraw(chart2) {
+    var _a2, _b2;
+    const ctx = chart2 == null ? void 0 : chart2.ctx;
+    const xScale = (_a2 = chart2 == null ? void 0 : chart2.scales) == null ? void 0 : _a2.x;
+    const yScale = (_b2 = chart2 == null ? void 0 : chart2.scales) == null ? void 0 : _b2.y;
+    ctx.save();
+    const chartArea = chart2 == null ? void 0 : chart2.chartArea;
+    if (chartArea) {
+      ctx.beginPath();
+      ctx.rect(
+        chartArea.left,
+        chartArea.top,
+        chartArea.right - chartArea.left,
+        chartArea.bottom - chartArea.top
+      );
+      ctx.clip();
+    }
+    chart2.data.datasets.forEach((dataset) => {
+      const customDataset = dataset;
+      customDataset.data.forEach((item) => {
+        const { ellipsePoints } = item;
+        if (!ellipsePoints) return;
+        const [p1, p2] = ellipsePoints.major;
+        const [p3, p4] = ellipsePoints.minor;
+        const centerX = (p1.x + p2.x + p3.x + p4.x) / 4;
+        const centerY = (p1.y + p2.y + p3.y + p4.y) / 4;
+        const dx = p2.x - p1.x;
+        const dy = p2.y - p1.y;
+        const angle = Math.atan2(
+          yScale.getPixelForValue(centerY + dy / 2) - yScale.getPixelForValue(centerY - dy / 2),
+          xScale.getPixelForValue(centerX + dx / 2) - xScale.getPixelForValue(centerX - dx / 2)
+        );
+        const radiusX = Math.hypot(
+          xScale.getPixelForValue(p1.x) - xScale.getPixelForValue(p2.x),
+          yScale.getPixelForValue(p1.y) - yScale.getPixelForValue(p2.y)
+        ) / 2;
+        const radiusY = Math.hypot(
+          xScale.getPixelForValue(p3.x) - xScale.getPixelForValue(p4.x),
+          yScale.getPixelForValue(p3.y) - yScale.getPixelForValue(p4.y)
+        ) / 2;
+        const cx2 = xScale.getPixelForValue(centerX);
+        const cy = yScale.getPixelForValue(centerY);
+        ctx.save();
+        ctx.beginPath();
+        ctx.ellipse(cx2, cy, radiusX, radiusY, angle, 0, 2 * Math.PI);
+        ctx.strokeStyle = customDataset.borderColor || DEFAULT_COLOR;
+        ctx.lineWidth = customDataset.borderWidth || 1;
+        ctx.stroke();
+        ctx.restore();
+      });
+    });
+  }
+};
 const chart$3 = "_chart_e3qdd_1";
 const canvas$2 = "_canvas_e3qdd_11";
 const fixedHeight$3 = "_fixedHeight_e3qdd_20";
@@ -25313,8 +25368,8 @@ const estimateDataSeriesHaveCloseValues = (generatedDatasets) => {
   }
   const axesFirstLast = generatedDatasets == null ? void 0 : generatedDatasets.reduce((acc, dataset) => {
     var _a3, _b2, _c2, _d2;
-    const xAxisId = (dataset == null ? void 0 : dataset.xAxisID) ?? "x";
-    const yAxisId = (dataset == null ? void 0 : dataset.yAxisID) ?? "y";
+    const xAxisId = (dataset == null ? void 0 : dataset.xAxisID) ?? "defaultX";
+    const yAxisId = (dataset == null ? void 0 : dataset.yAxisID) ?? "defaultY";
     const data = (dataset == null ? void 0 : dataset.data) ?? [];
     if (data && (data == null ? void 0 : data.length)) {
       const { x: xFirstCurrent, y: yFirstCurrent } = (data == null ? void 0 : data[0]) ?? {};
@@ -25393,24 +25448,18 @@ const getSuggestedAxisRange = ({
     max: round$2(maxAxisValue, DECIMAL_POINT_TOLERANCE)
   };
 };
-const getAxesDataFromMetasets = (generatedDatasets, scalesKeys, annotationsData) => {
-  if (!Array.isArray(generatedDatasets) || !Array.isArray(scalesKeys)) {
-    return {};
-  }
-  const annotations = getAnnotationsData(annotationsData);
-  return scalesKeys.reduce((acc, axisKey) => {
-    const axisType = getAxisTypeFromKey(axisKey);
-    const datasetValues = generatedDatasets.filter((dataset) => {
-      const axisId = dataset[`${axisType}AxisID`] ?? axisType;
-      return axisId === axisKey;
-    }).flatMap((dataset) => {
-      const data = (dataset == null ? void 0 : dataset.data) ?? [];
-      return data.map((point) => point[axisType]);
-    });
-    const annotationValues = (annotations == null ? void 0 : annotations[axisKey]) ?? [];
-    acc[axisKey] = [.../* @__PURE__ */ new Set([...datasetValues, ...annotationValues])];
-    return acc;
-  }, {});
+const getAxesDataFromMetasets = (chartRef, scalesKeys, annotationsData) => {
+  var _a2;
+  if (!chartRef || !scalesKeys) return {};
+  const metasets = ((_a2 = chartRef == null ? void 0 : chartRef.current) == null ? void 0 : _a2.getSortedVisibleDatasetMetas()) ?? [];
+  const annotData = getAnnotationsData(annotationsData);
+  return metasets && (scalesKeys == null ? void 0 : scalesKeys.reduce((acc, key) => {
+    const data = metasets.filter((dataset) => Object.values(dataset).includes(key)).flatMap((dataset) => dataset._parsed).map((parsedData) => parsedData[getAxisTypeFromKey(key)]).concat((annotData == null ? void 0 : annotData[key]) ?? []);
+    return {
+      ...acc,
+      [key]: [...new Set(data)]
+    };
+  }, {}));
 };
 const shouldCalculate = (min, max) => !isNil(min) || !isNil(max);
 const autoScale = (options, state, generatedDatasets, chartRef) => {
@@ -25425,7 +25474,7 @@ const autoScale = (options, state, generatedDatasets, chartRef) => {
   }
   const scalesKeys = Object.keys(scales) ?? [];
   const data = getAxesDataFromMetasets(
-    generatedDatasets,
+    chartRef,
     scalesKeys,
     annotationsData
   );
@@ -25493,15 +25542,8 @@ const getLineChartDataLabels = (options) => {
     align: getPosition(),
     formatter: (_2, context) => {
       var _a2, _b2;
-      const dataPoint = (_b2 = (_a2 = context == null ? void 0 : context.dataset) == null ? void 0 : _a2.data) == null ? void 0 : _b2[context.dataIndex];
-      if (!dataPoint || dataPoint.label == null) return "";
-      if (typeof dataPoint.label === "string") {
-        return dataPoint.label;
-      }
-      if (Array.isArray(dataPoint.label)) {
-        return dataPoint.label.map(String);
-      }
-      return String(dataPoint.label);
+      const dataPoint = (_b2 = (_a2 = context == null ? void 0 : context.dataset) == null ? void 0 : _a2.data) == null ? void 0 : _b2[context == null ? void 0 : context.dataIndex];
+      return dataPoint && typeof (dataPoint == null ? void 0 : dataPoint.label) === "string" ? dataPoint == null ? void 0 : dataPoint.label : "";
     }
   } : { display: false };
 };
@@ -25761,7 +25803,12 @@ const generateAnnotations = (annotationsData) => {
       [AnnotationType.BOX]: color2,
       [AnnotationType.ELLIPSE]: TRANSPARENT
     }[type] || TRANSPARENT;
-    const borderWidth = type === AnnotationType.LINE ? BORDER_WIDTH.INITIAL : 0;
+    const borderWidth = {
+      [AnnotationType.LINE]: BORDER_WIDTH.INITIAL,
+      [AnnotationType.BOX]: BORDER_WIDTH.ZERO,
+      [AnnotationType.POINT]: BORDER_WIDTH.ZERO,
+      [AnnotationType.ELLIPSE]: (ann == null ? void 0 : ann.borderWidth) ?? 0
+    }[type] ?? 0;
     const borderDash = type === AnnotationType.LINE ? ANNOTATION_DASH : void 0;
     const defLabel = {
       content: ann == null ? void 0 : ann.label,
@@ -27271,7 +27318,8 @@ Chart$2.register(
   plugin,
   annotation,
   chartAreaTextPlugin,
-  annotationDraggerPlugin
+  annotationDraggerPlugin,
+  ellipsisAnnotationPlugin
 );
 const LineChart = (props) => {
   var _a2, _b2;