@oliasoft-open-source/charts-library 5.0.7 → 5.1.0-beta-1

package/dist/index.js.js

@@ -22774,6 +22774,48 @@ const isNilOrEmpty = (value) => {
   return false;
 };
 const isEmptyString = (value) => value === "";
+const ellipsisAnnotationPlugin = {
+  id: "ellipsisAnnotationPlugin",
+  afterDatasetsDraw(chart2) {
+    const ctx = chart2.ctx;
+    const xScale = chart2.scales.x;
+    const yScale = chart2.scales.y;
+    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 +25355,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 +25435,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 +25461,7 @@ const autoScale = (options, state, generatedDatasets, chartRef) => {
   }
   const scalesKeys = Object.keys(scales) ?? [];
   const data = getAxesDataFromMetasets(
-    generatedDatasets,
+    chartRef,
     scalesKeys,
     annotationsData
   );
@@ -25754,7 +25790,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,
@@ -27264,7 +27305,8 @@ Chart$2.register(
   plugin,
   annotation,
   chartAreaTextPlugin,
-  annotationDraggerPlugin
+  annotationDraggerPlugin,
+  ellipsisAnnotationPlugin
 );
 const LineChart = (props) => {
   var _a2, _b2;