pace-chart-lib 1.0.61 → 1.0.62

package/dist/Components/Charts/ChartsWithoutAxis/ChartsWithoutAxisTypes.types.d.ts

@@ -53,16 +53,13 @@ export declare const TSankeyDataLabelPostion: {
     center: string;
 };
 export type TOrganizationChartData = {
-    id?: number;
-    value: number | null;
-    absoluteValue: number;
-    label?: string;
-    nodeLabel?: string;
-    children?: TOrganizationChartData[];
-    styleObject?: TLegendEntry;
+    ChartData: any;
+    ChartTitleList: any[];
+    DimensionList: any[];
+    LegendList: any[];
 };
 export type TOrganizationChartProps = {
-    data: TOrganizationChartData[];
+    data: TOrganizationChartData;
     legendEntries: TLegendEntry[];
     chartId: string;
     clientWidth: number;

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

@@ -54179,9 +54179,10 @@ const fileName$1 = "OrganizationChart.tsx";
 const OrganizationChart = ({
   data,
   formatOptions,
-  legendEntries,
+  // legendEntries,
   legendSequence
 }) => {
+  let legendEntries = data.LegendList ?? [];
   const chartId = crypto.randomUUID();
   const svgRef = useRef();
   const floatingSvgRef = useRef();
@@ -54221,20 +54222,11 @@ const OrganizationChart = ({
       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);
@@ -54283,8 +54275,7 @@ const OrganizationChart = ({
       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) {
@@ -54293,12 +54284,15 @@ const OrganizationChart = ({
   };
   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) {
@@ -54512,7 +54506,7 @@ const OrganizationChart = ({
                   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;">
@@ -55147,10 +55141,11 @@ const fileName = "ScatterChart.tsx";
 const ScatterChart = ({
   data,
   formatOptions,
-  chartId,
-  shapesList,
-  colorsList
+  chartId
 }) => {
+  const colorsList = data.ColorElements ?? [];
+  const shapesList = data.ShapeElements ?? [];
+  let modifiedData = [];
   const svgRef = useRef();
   let chartFormatOptions;
   let maxLegendDimensions = [0, 0];
@@ -55162,12 +55157,12 @@ const ScatterChart = ({
   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;
@@ -55183,6 +55178,7 @@ const ScatterChart = ({
   let customYaxisMinValue;
   let xScale;
   let yScale;
+  let sizeScale;
   let colorsMap = /* @__PURE__ */ new Map();
   let shapesMap = /* @__PURE__ */ new Map();
   useEffect(() => {
@@ -55284,7 +55280,7 @@ const ScatterChart = ({
       innerHeight2,
       xTitle,
       xLabel,
-      data.length
+      modifiedData.length
     );
   };
   const initCircles = () => {
@@ -55294,17 +55290,11 @@ const ScatterChart = ({
       };
       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
             )
           )
@@ -55317,24 +55307,26 @@ const ScatterChart = ({
       ).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
         );
@@ -55350,33 +55342,41 @@ const ScatterChart = ({
   };
   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) {
@@ -55391,6 +55391,7 @@ const ScatterChart = ({
       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);
     }
@@ -55468,10 +55469,10 @@ const ScatterChart = ({
         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(
@@ -55488,10 +55489,13 @@ const ScatterChart = ({
         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/dist/pace-chart-lib.umd.js

@@ -54182,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();
@@ -54224,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);
@@ -54286,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) {
@@ -54296,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) {
@@ -54515,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;">
@@ -55150,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];
@@ -55165,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;
@@ -55186,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(() => {
@@ -55287,7 +55283,7 @@
         innerHeight2,
         xTitle,
         xLabel,
-        data.length
+        modifiedData.length
       );
     };
     const initCircles = () => {
@@ -55297,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
               )
             )
@@ -55320,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
           );
@@ -55353,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) {
@@ -55394,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);
       }
@@ -55471,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(
@@ -55491,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.61",
+  "version": "1.0.62",
   "description": "A simple React + Vite + TS UI library with a Button using custom fonts via SCSS.",
   "license": "MIT",
   "type": "module",