pace-chart-lib 1.0.60 → 1.0.62

package/dist/pace-chart-lib.umd.js

@@ -11264,7 +11264,13 @@
       dataLabelsCoordinates: [],
       hideInsignificantValue: false,
       sortBy: "default",
-      chartDirection: "top"
+      chartDirection: "top",
+      plotAreaRangeFilter: {
+        enabled: false,
+        condition: "lt",
+        minVal: 0,
+        maxVal: 100
+      }
     },
     heatMap: {
       showHeatMap: false,
@@ -13150,9 +13156,9 @@
       const measure = getMeasure(item);
       switch (condition) {
         case "lt":
-          return measure < maxVal;
+          return measure <= maxVal;
         case "gt":
-          return measure > minVal;
+          return measure >= minVal;
         case "in":
           return measure >= minVal && measure <= maxVal;
         case "not-in":
@@ -20938,6 +20944,25 @@
     ) });
   };
   const fileName$a = "ChartsWithoutAxisFunctions.ts";
+  function applyPlotAreaRangeFilter(labelsList, formatOptions, getMeasure) {
+    if (!formatOptions?.plotArea?.plotAreaRangeFilter?.enabled) return labelsList;
+    const { condition, minVal, maxVal } = formatOptions.plotArea.plotAreaRangeFilter;
+    return labelsList.filter((item) => {
+      const measure = getMeasure(item);
+      switch (condition) {
+        case "lt":
+          return measure <= maxVal;
+        case "gt":
+          return measure >= minVal;
+        case "in":
+          return measure >= minVal && measure <= maxVal;
+        case "not-in":
+          return measure < minVal || measure > maxVal;
+        default:
+          return true;
+      }
+    });
+  }
   function marginCalculationForBubbleScatter(width, height, maxMeasure, formatOptions, maxDimension, maxLegendDimensions) {
     try {
       formatOptions.xAxisLabel.xAxisDateFormat = formatOptions.xAxisLabel.xAxisDateFormat == "DD-MM-YYYY" ? "," : formatOptions.xAxisLabel.xAxisDateFormat;
@@ -28908,8 +28933,10 @@
         if (chartFormatOptions.plotArea.dataLabels) {
           const isSingleDataLabel = pieChartData && pieChartData.length === 1;
           chartAreaTagG.append("g").attr("class", "parentGroup").attr("transform", `${getPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(
-            pieChartData.filter(
-              (d) => d.data.properties.dataLabelPosition == "1"
+            applyAnnotationRangeFilter(
+              pieChartData.filter((d) => d.data.properties.dataLabelPosition == "1"),
+              chartFormatOptions,
+              (d) => d.data.data[0].value
             )
           ).enter().append("text").attr(
             "hoverId",
@@ -28945,8 +28972,10 @@
             return "";
           });
           chartAreaTagG.append("g").attr("class", "parentGroup").attr("transform", `${getPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(
-            pieChartData.filter(
-              (d) => d.data.properties.dataLabelPosition == "1"
+            applyAnnotationRangeFilter(
+              pieChartData.filter((d) => d.data.properties.dataLabelPosition == "1"),
+              chartFormatOptions,
+              (d) => d.data.data[0].value
             )
           ).enter().append("text").attr(
             "hoverId",
@@ -29013,8 +29042,10 @@
           let outerRadius = arc$1().startAngle((d) => d.x0).endAngle((d) => d.x1).innerRadius((d) => d.depth > 1 ? d.y1 - 1 + radius / 7 : 0).outerRadius((d) => d.depth > 1 ? d.y1 - 1 + radius / 7 : 0);
           let innerRadius = arc$1().startAngle((d) => d.x0).endAngle((d) => d.x1).innerRadius((d) => d.depth > 2 ? d.y0 : 0).outerRadius((d) => d.y1 + radius / 1.5);
           chartAreaTagG.selectAll("polyline").data(
-            pieChartData.filter(
-              (d) => d.data.properties.dataLabelPosition == "2"
+            applyAnnotationRangeFilter(
+              pieChartData.filter((d) => d.data.properties.dataLabelPosition == "2"),
+              chartFormatOptions,
+              (d) => d.data.data[0].value
             )
           ).join("polyline").attr("transform", getPiePosition()).style(
             "stroke",
@@ -29035,8 +29066,10 @@
             return [posA, posB, [xC, yC]].map((point2) => point2.join(",")).join(" ");
           });
           chartAreaTagG.append("g").attr("transform", getPiePosition()).selectAll("foreignObject").data(
-            pieChartData.filter(
-              (d) => d.data.properties.dataLabelPosition == "2"
+            applyAnnotationRangeFilter(
+              pieChartData.filter((d) => d.data.properties.dataLabelPosition == "2"),
+              chartFormatOptions,
+              (d) => d.data.data[0].value
             )
           ).join("foreignObject").attr("width", 80).attr("height", 60).attr("x", (d) => {
             let midangle = d.x0 + (d.x1 - d.x0) / 2;
@@ -29343,8 +29376,10 @@
         if (chartFormatOptions.plotArea.dataLabels) {
           const isSingleDataLabel = pieChartData && pieChartData.length === 1;
           chartAreaTagG.append("g").attr("class", "parentGroup").attr("transform", `${getPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(
-            pieChartData.filter(
-              (d) => d.data.properties.dataLabelPosition == "1"
+            applyAnnotationRangeFilter(
+              pieChartData.filter((d) => d.data.properties.dataLabelPosition == "1"),
+              chartFormatOptions,
+              (d) => d.data.data[0].value
             )
           ).enter().append("text").attr(
             "hoverId",
@@ -29380,8 +29415,10 @@
             return "";
           });
           chartAreaTagG.append("g").attr("class", "parentGroup").attr("transform", `${getPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(
-            pieChartData.filter(
-              (d) => d.data.properties.dataLabelPosition == "1"
+            applyAnnotationRangeFilter(
+              pieChartData.filter((d) => d.data.properties.dataLabelPosition == "1"),
+              chartFormatOptions,
+              (d) => d.data.data[0].value
             )
           ).enter().append("text").attr(
             "hoverId",
@@ -29454,8 +29491,10 @@
           let outerRadius = arc$1().startAngle((d) => d.x0).endAngle((d) => d.x1).innerRadius((d) => d.depth > 1 ? d.y1 - 1 + radius / 7 : 0).outerRadius((d) => d.depth > 1 ? d.y1 - 1 + radius / 7 : 0);
           let innerRadius2 = arc$1().startAngle((d) => d.x0).endAngle((d) => d.x1).innerRadius((d) => d.depth > 2 ? d.y0 : 0).outerRadius((d) => d.y1 + radius / 1.5);
           chartAreaTagG.selectAll("polyline").data(
-            pieChartData.filter(
-              (d) => d.data.properties.dataLabelPosition == "2"
+            applyAnnotationRangeFilter(
+              pieChartData.filter((d) => d.data.properties.dataLabelPosition == "2"),
+              chartFormatOptions,
+              (d) => d.data.data[0].value
             )
           ).join("polyline").attr("transform", getPiePosition()).style(
             "stroke",
@@ -29476,8 +29515,10 @@
             return [posA, posB, [xC, yC]].map((point2) => point2.join(",")).join(" ");
           });
           chartAreaTagG.append("g").attr("transform", getPiePosition()).selectAll("foreignObject").data(
-            pieChartData.filter(
-              (d) => d.data.properties.dataLabelPosition == "2"
+            applyAnnotationRangeFilter(
+              pieChartData.filter((d) => d.data.properties.dataLabelPosition == "2"),
+              chartFormatOptions,
+              (d) => d.data.data[0].value
             )
           ).join("foreignObject").attr("width", 80).attr("height", 60).attr("x", (d) => {
             let midangle = d.x0 + (d.x1 - d.x0) / 2;
@@ -29776,7 +29817,23 @@
         }
         leaf.append("clipPath").attr("id", (d, i) => `clip-${i}-${chartId}`).append("rect").attr("width", (d) => d.x1 - d.x0).attr("height", (d) => d.y1 - d.y0);
         if (chartFormatOptions.plotArea.dataLabels) {
-          leaf.append("text").style("fill", (d) => d.data.properties.labelFontColor).style("font-family", (d) => d.data.properties.fontFamily).style("font-size", (d) => d.data.properties.fontSize).style(
+          const rf = chartFormatOptions.annotation.annotationRangeFilter;
+          leaf.filter((d) => {
+            if (!rf?.enabled) return true;
+            const val = d.data.data[0].value;
+            switch (rf.condition) {
+              case "lt":
+                return val < rf.maxVal;
+              case "gt":
+                return val > rf.minVal;
+              case "in":
+                return val >= rf.minVal && val <= rf.maxVal;
+              case "not-in":
+                return val < rf.minVal || val > rf.maxVal;
+              default:
+                return true;
+            }
+          }).append("text").style("fill", (d) => d.data.properties.labelFontColor).style("font-family", (d) => d.data.properties.fontFamily).style("font-size", (d) => d.data.properties.fontSize).style(
             "font-style",
             (d) => d.data.properties.fontStyle.includes(fontStyleOptions.italic) ? fontStyleOptions.italic : ""
           ).style(
@@ -30085,7 +30142,7 @@
     const drawParentPieDataLabels = () => {
       try {
         if (chartFormatOptions.plotArea.dataLabels) {
-          chartAreaTagG.append("g").attr("class", "parentLabels parentGroup").attr("transform", `${getParentPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(pieOfPieData).enter().append("text").attr("hoverId", (d) => d.data.legend.replace(/ /g, "-")).attr("font-size", (d) => d.data.properties?.labelFontSize ?? 11).attr(
+          chartAreaTagG.append("g").attr("class", "parentLabels parentGroup").attr("transform", `${getParentPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(applyAnnotationRangeFilter(pieOfPieData, chartFormatOptions, (d) => d.data.data[0].value)).enter().append("text").attr("hoverId", (d) => d.data.legend.replace(/ /g, "-")).attr("font-size", (d) => d.data.properties?.labelFontSize ?? 11).attr(
             "fill",
             (d) => d.data.properties?.labelFontColor ?? commonColors.black
           ).attr(
@@ -30109,7 +30166,7 @@
             }
             return "";
           });
-          chartAreaTagG.append("g").attr("class", "parentLabels parentGroup").attr("transform", `${getParentPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(pieOfPieData).enter().append("text").attr("hoverId", (d) => d.data.legend.replace(/ /g, "-")).attr("font-size", (d) => d.data.properties?.valueFontSize ?? 11).attr(
+          chartAreaTagG.append("g").attr("class", "parentLabels parentGroup").attr("transform", `${getParentPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(applyAnnotationRangeFilter(pieOfPieData, chartFormatOptions, (d) => d.data.data[0].value)).enter().append("text").attr("hoverId", (d) => d.data.legend.replace(/ /g, "-")).attr("font-size", (d) => d.data.properties?.valueFontSize ?? 11).attr(
             "fill",
             (d) => d.data.properties?.valueFontColor ?? commonColors.black
           ).attr(
@@ -30155,7 +30212,7 @@
     const drawChildPieDataLabels = (childData) => {
       try {
         if (chartFormatOptions.plotArea.dataLabels) {
-          chartAreaTagG.append("g").attr("class", "childLabels parentGroup").attr("transform", `${getChildPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(childData).enter().append("text").attr("hoverId", (d) => d.data.legend.replace(/ /g, "-")).attr("font-size", (d) => d.data.properties?.labelFontSize ?? 11).attr(
+          chartAreaTagG.append("g").attr("class", "childLabels parentGroup").attr("transform", `${getChildPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(applyAnnotationRangeFilter(childData, chartFormatOptions, (d) => d.data.data[0].value)).enter().append("text").attr("hoverId", (d) => d.data.legend.replace(/ /g, "-")).attr("font-size", (d) => d.data.properties?.labelFontSize ?? 11).attr(
             "fill",
             (d) => d.data.properties?.labelFontColor ?? commonColors.black
           ).attr(
@@ -30179,7 +30236,7 @@
             }
             return "";
           });
-          chartAreaTagG.append("g").attr("class", "childLabels parentGroup").attr("transform", `${getChildPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(childData).enter().append("text").attr("hoverId", (d) => d.data.legend.replace(/ /g, "-")).attr("font-size", (d) => d.data.properties?.valueFontSize ?? 11).attr(
+          chartAreaTagG.append("g").attr("class", "childLabels parentGroup").attr("transform", `${getChildPiePosition()}`).attr("pointer-events", "none").attr("text-anchor", "middle").selectAll("text").data(applyAnnotationRangeFilter(childData, chartFormatOptions, (d) => d.data.data[0].value)).enter().append("text").attr("hoverId", (d) => d.data.legend.replace(/ /g, "-")).attr("font-size", (d) => d.data.properties?.valueFontSize ?? 11).attr(
             "fill",
             (d) => d.data.properties?.valueFontColor ?? commonColors.black
           ).attr(
@@ -30428,7 +30485,11 @@
         if (chartFormatOptions.annotation.annotationVisibility) {
           let makeAnnotations = annotation();
           let ConnectorType = chartFormatOptions.annotation.connectorType ? chartFormatOptions.annotation.connectorType.toLowerCase() : "None";
-          let finalAnnotationList = annotationsList;
+          let finalAnnotationList = applyAnnotationRangeFilter(
+            annotationsList,
+            chartFormatOptions,
+            (item) => item.data.measure
+          );
           const connectorStyleKey = chartFormatOptions.annotation.connectorStyle?.toLowerCase();
           makeAnnotations.editMode(chartFormatOptions.annotation.annotationDraggable).accessors({
             x: function() {
@@ -30850,7 +30911,15 @@
         });
         chartAreaTagG.append("text").attr("transform", getTransformString()).attr("dy", "0.35em").attr("text-anchor", "middle").attr(
           "visibility",
-          chartFormatOptions.plotArea.dataLabels ? "visible" : "hidden"
+          () => {
+            if (!chartFormatOptions.plotArea.dataLabels) return "hidden";
+            const passed = applyPlotAreaRangeFilter(
+              [{ value: progressValue }],
+              chartFormatOptions,
+              (d) => d?.value ?? 0
+            );
+            return passed.length > 0 ? "visible" : "hidden";
+          }
         ).attr(
           "fill",
           chartFormatOptions.plotArea.dataLabelValueColor !== commonColors.white ? chartFormatOptions.plotArea.dataLabelValueColor : chartFormatOptions.toolTip.toolTipDisplayUnits
@@ -31654,7 +31723,11 @@
           arcs.attr("d", (d, i) => animArc({ ...d, endAngle: scale2(Math.abs(d.data[0].value)) }, i));
         }
         if (chartFormatOptions.plotArea.dataLabels) {
-          const labelsData = getModifiedDataForLabels(ChartData);
+          const labelsData = applyPlotAreaRangeFilter(
+            getModifiedDataForLabels(ChartData),
+            chartFormatOptions,
+            (d) => d?.data?.[0]?.value ?? 0
+          );
           svg2.selectAll(".arc-label-" + chartId).data(labelsData).enter().append("text").attr("class", "arc-label-" + chartId).attr("class", "parentGroup").attr("text-anchor", "start").attr("dy", (d, i) => (getOuterRadius(d.index ?? i) - getInnerRadius(d.index ?? i)) / 1.75).append("textPath").attr("xlink:href", (d, i) => `#arc-path-${d.index ?? i}-` + chartId).style("startOffset", "50%").attr("hoverId", (d) => d.legend.replaceAll(" ", "-")).text(
             (d) => `  ${d.properties.alias} 
            ${chartFormatOptions.plotArea.dataLabelValue ? getNumberWithFormatFunction(
@@ -54109,9 +54182,10 @@
   const OrganizationChart = ({
     data,
     formatOptions,
-    legendEntries,
+    // legendEntries,
     legendSequence
   }) => {
+    let legendEntries = data.LegendList ?? [];
     const chartId = crypto.randomUUID();
     const svgRef = require$$0$1.useRef();
     const floatingSvgRef = require$$0$1.useRef();
@@ -54151,20 +54225,11 @@
         chartDirection = chartFormatOptions.plotArea.chartDirection || orgChartDirection.left;
         var sum2 = 0;
         var absoluteSum = 0;
-        data.forEach((item) => {
-          sum2 = sum2 + item.value;
-          absoluteSum = absoluteSum + item.absoluteValue;
-        });
-        var newObj = {
-          id: 0,
-          children: data,
-          value: sum2,
-          // Total value of all children
-          absoluteValue: absoluteSum,
-          nodeLabel: "",
-          UID: ""
+        const rootNode = {
+          ...data.ChartData,
+          UID: void 0
         };
-        let tempData = getFlattenedData(newObj).filter(
+        let tempData = getFlattenedData(rootNode).filter(
           (data2) => data2.value !== null
         );
         createIdIndexMap(tempData);
@@ -54213,8 +54278,7 @@
         data2.forEach((nodeObject, i) => {
           if (nodeObject.id != 0) {
             let parentUID = data2[idIndexMap.get(nodeObject.parentId)].UID;
-            parentUID === "" ? nodeObject.UID = nodeObject.nodeLabel : nodeObject.UID = parentUID + "-" + nodeObject.nodeLabel;
-            indexMapForStyleObject.set(nodeObject.UID, i);
+            parentUID === void 0 ? nodeObject.UID = nodeObject.nodeLabel : nodeObject.UID = parentUID + "-" + nodeObject.nodeLabel;
           }
         });
       } catch (error) {
@@ -54223,12 +54287,15 @@
     };
     const addStyleObjectToChartData = (data2) => {
       try {
-        data2[0] = { ...data2[0], styleObject: legendEntries[0] };
         legendEntries.forEach((styleObject) => {
-          if (styleObject === legendEntries[0]) return;
-          let dataIndex = indexMapForStyleObject.get(styleObject.name);
-          let obj = data2[dataIndex];
-          data2[dataIndex] = { ...obj, styleObject };
+          indexMapForStyleObject.set(styleObject.name, styleObject);
+        });
+        Object.keys(data2).forEach((key) => {
+          const legendObject = indexMapForStyleObject.get(data2[key].UID ?? data2[key].nodeLabel);
+          data2[key] = {
+            ...data2[key],
+            styleObject: legendObject || legendEntries[0]
+          };
         });
         return data2;
       } catch (error) {
@@ -54442,7 +54509,7 @@
                   justify-content: center;
                   align-items: center;
                   text-align: center;
-                  background-color: ${d.data.styleObject.backgroundColor ? d.data.styleObject.backgroundColor : d.data.styleObject.Color};
+                  background-color: ${d.data.styleObject.color ? d.data.styleObject.color : d.data.styleObject.backgroundColor};
                   z-index: 99;
                   transform: ${transform};
                   transition: unset;">
@@ -55077,10 +55144,11 @@
   const ScatterChart = ({
     data,
     formatOptions,
-    chartId,
-    shapesList,
-    colorsList
+    chartId
   }) => {
+    const colorsList = data.ColorElements ?? [];
+    const shapesList = data.ShapeElements ?? [];
+    let modifiedData = [];
     const svgRef = require$$0$1.useRef();
     let chartFormatOptions;
     let maxLegendDimensions = [0, 0];
@@ -55092,12 +55160,12 @@
     let innerWidth2;
     let chartAreaTagG;
     let svg;
-    let measuresList = [];
-    let dimensionsList = [];
-    let minDimension;
-    let maxDimension;
-    let minMeasure;
-    let maxMeasure;
+    let minDimension = Number.POSITIVE_INFINITY;
+    let maxDimension = Number.NEGATIVE_INFINITY;
+    let minMeasure = Number.POSITIVE_INFINITY;
+    let maxMeasure = Number.NEGATIVE_INFINITY;
+    let sizeValueMin = Number.POSITIVE_INFINITY;
+    let sizeValueMax = Number.NEGATIVE_INFINITY;
     let yLabel;
     let xLabel;
     let yTitle;
@@ -55113,6 +55181,7 @@
     let customYaxisMinValue;
     let xScale;
     let yScale;
+    let sizeScale;
     let colorsMap = /* @__PURE__ */ new Map();
     let shapesMap = /* @__PURE__ */ new Map();
     require$$0$1.useEffect(() => {
@@ -55214,7 +55283,7 @@
         innerHeight2,
         xTitle,
         xLabel,
-        data.length
+        modifiedData.length
       );
     };
     const initCircles = () => {
@@ -55224,17 +55293,11 @@
         };
         const circles = chartAreaTagG.append("g").attr("class", "circles").attr("class", "parentGroup");
         const shouldAnimate = chartFormatOptions.animation.animationEnabled;
-        const scatterPaths = circles.append("g").selectAll(".bubbleScatter").data(data).enter().append("g").attr("fill", (d) => d.selectedColor).attr(
-          "colorId",
-          (d) => d.legendName.includes("-") ? d.legendName.split("-")[0].replace(/ /g, "-") : d.legendName.replace(/ /g, "-")
-        ).attr(
-          "shapeId",
-          (d) => d.legendName.includes("-") ? d.legendName.split("-")[1].replace(/ /g, "-") : d.legendName.replace(/ /g, "-")
-        ).append("path").attr("class", "path").attr("id", function(d, i) {
+        const scatterPaths = circles.append("g").selectAll(".bubbleScatter").data(modifiedData).enter().append("g").attr("fill", (d) => d.color).attr("colorId", (d) => d.colorName.replace(/ /g, "-")).attr("shapeId", (d) => d.shapeName?.replace(/ /g, "-")).append("path").attr("class", "path").attr("id", function(d, i) {
           select$2(this).attr(
             "d",
-            Symbol$1().type(getMarkershapes(d.selectedShape)).size(
-              (d.sizeValue ? d.sizeValue : 10) * 2 * convertStringToNumber(
+            Symbol$1().type(getMarkershapes(d.shape)).size(
+              (d.sizeValue ? sizeScale(d.sizeValue) : 10) * 2 * convertStringToNumber(
                 chartFormatOptions.plotArea.scatterSizeIndex
               )
             )
@@ -55247,24 +55310,26 @@
         ).on("mousemove", (event2, d) => {
           showTooltipOnMouseMove(
             [
-              {
-                key: chartFormatOptions.xAxisTitle.xAxisTitleText,
-                value: getNumberWithFormatFunction(
-                  chartFormatOptions.toolTip.toolTipDisplayUnits,
-                  chartFormatOptions.toolTip.toolTipNumberFormat,
-                  chartFormatOptions.toolTip.toolTipDecimalPrecision
-                )(d.dimension)
-              },
-              {
-                key: chartFormatOptions.yAxisTitle.yAxisTitleText,
-                value: getNumberWithFormatFunction(
-                  chartFormatOptions.toolTip.toolTipDisplayUnits,
-                  chartFormatOptions.toolTip.toolTipNumberFormat,
-                  chartFormatOptions.toolTip.toolTipDecimalPrecision
-                )(d.measure)
-              },
-              { key: "Legend", value: d.legendName }
-              // { key: "Calculated Tooltip", value: d.tooltip },
+              ...[
+                {
+                  key: chartFormatOptions.xAxisTitle.xAxisTitleText,
+                  value: getNumberWithFormatFunction(
+                    chartFormatOptions.toolTip.toolTipDisplayUnits,
+                    chartFormatOptions.toolTip.toolTipNumberFormat,
+                    chartFormatOptions.toolTip.toolTipDecimalPrecision
+                  )(d.dimension)
+                },
+                {
+                  key: chartFormatOptions.yAxisTitle.yAxisTitleText,
+                  value: getNumberWithFormatFunction(
+                    chartFormatOptions.toolTip.toolTipDisplayUnits,
+                    chartFormatOptions.toolTip.toolTipNumberFormat,
+                    chartFormatOptions.toolTip.toolTipDecimalPrecision
+                  )(d.measure)
+                },
+                { key: "Color", value: d.colorName }
+              ],
+              ...d.shapeName ? [{ key: "Shape", value: d.shapeName }] : []
             ],
             chartFormatOptions
           );
@@ -55280,33 +55345,41 @@
     };
     const iterateOverChartData = () => {
       try {
+        let addDataToModifiedData = function(dataPoint, legend, shape) {
+          minMeasure = Math.min(minMeasure, dataPoint.value);
+          maxMeasure = Math.max(maxMeasure, dataPoint.value);
+          minDimension = Math.min(minDimension, dataPoint.dimension);
+          maxDimension = Math.max(maxDimension, dataPoint.dimension);
+          sizeValueMin = Math.min(sizeValueMin, dataPoint.value2 ?? 10);
+          sizeValueMax = Math.max(sizeValueMax, dataPoint.value2 ?? 10);
+          modifiedData.push({
+            dimension: dataPoint.dimension,
+            measure: dataPoint.value,
+            sizeValue: dataPoint.value2,
+            colorName: legend,
+            shapeName: shape,
+            shape: shapesMap.get(shape) || "Circle",
+            color: colorsMap.get(legend) || "#6ba2b8ff"
+          });
+        };
         colorsList.forEach((colorObject) => {
           colorsMap.set(colorObject.name, colorObject.color);
         });
         shapesList.forEach((shapeObject) => {
           shapesMap.set(shapeObject.name, shapeObject.markerShape);
         });
-        data.forEach((d) => {
-          let legendNameArr = d.legendName.split("-");
-          d["selectedColor"] = colorsMap.get(legendNameArr[0]) || "#6ba2b8ff";
-          d["selectedShape"] = shapesMap.get(legendNameArr[1]) || "Circle";
-          if (d.measureName) {
-            measuresList.push(d.measure);
-            if (d.measure < minMeasure || minMeasure === void 0) {
-              minMeasure = d.measure;
-            }
-            if (d.measure > maxMeasure || maxMeasure === void 0) {
-              maxMeasure = d.measure;
-            }
+        data.ChartData.forEach((d) => {
+          if (d.children && d.children.length > 0) {
+            d.children.forEach((child) => {
+              child.data.forEach((dataPoint) => {
+                addDataToModifiedData(dataPoint, d.legend, child.legend);
+              });
+            });
           }
-          if (d.dimensionName) {
-            dimensionsList.push(d.dimension);
-            if (d.dimension < minDimension || minDimension === void 0) {
-              minDimension = d.dimension;
-            }
-            if (d.dimension > maxDimension || maxDimension === void 0) {
-              maxDimension = d.dimension;
-            }
+          if (d.data && d.data.length > 0) {
+            d.data.forEach((dataPoint) => {
+              addDataToModifiedData(dataPoint, d.legend);
+            });
           }
         });
       } catch (e) {
@@ -55321,6 +55394,7 @@
         let yEndValue = chartFormatOptions.yAxisLabel.yAxisIntervalsVisibility && chartFormatOptions.yAxisLabel.yAxisMaxText !== "" ? parseFloat(chartFormatOptions.yAxisLabel.yAxisMaxText) : maxMeasure * 1.1;
         xScale = linear$1().domain([xStartValue, xEndValue]).range([0, innerWidth2]);
         yScale = linear$1().domain([yStartValue, yEndValue]).range([innerHeight2, 0]);
+        sizeScale = linear$1().domain([sizeValueMin, sizeValueMax]).range([1, 10]);
       } catch (e) {
         logError$2(fileName, "initScale", e);
       }
@@ -55398,10 +55472,10 @@
           let xCordinate;
           switch (chartFormatOptions.plotArea.xCoordinate) {
             case referenceLineTypes.Mean:
-              xCordinate = mean(data, (d) => d.dimension);
+              xCordinate = mean(modifiedData, (d) => d.dimension);
               break;
             case referenceLineTypes.Median:
-              xCordinate = median(data, (d) => d.dimension);
+              xCordinate = median(modifiedData, (d) => d.dimension);
               break;
             case referenceLineTypes.Custom:
               xCordinate = convertStringToNumber(
@@ -55418,10 +55492,13 @@
           let yCordinate;
           switch (chartFormatOptions.plotArea.yCoordinate) {
             case referenceLineTypes.Mean:
-              yCordinate = mean(data, (d) => d.measure);
+              yCordinate = mean(modifiedData, (d) => d.value);
               break;
             case referenceLineTypes.Median:
-              yCordinate = median(data, (d) => d.measure);
+              yCordinate = median(
+                modifiedData,
+                (d) => d.value
+              );
               break;
             case referenceLineTypes.Custom:
               yCordinate = convertStringToNumber(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pace-chart-lib",
-  "version": "1.0.60",
+  "version": "1.0.62",
   "description": "A simple React + Vite + TS UI library with a Button using custom fonts via SCSS.",
   "license": "MIT",
   "type": "module",