pace-chart-lib 1.0.61 → 1.0.63

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

@@ -16198,7 +16198,7 @@
     chartTypes.Speedometer,
     chartTypes.RadialBarChart
   ];
-  function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width, legendMargin, formatOptions, seriesData, chartId, dataTableHeight, margin, legendShape, chartType) {
+  function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width, legendMargin, formatOptions, seriesData, chartId, dataTableHeight, margin, legendShape, chartType, addLocalFilterFromLib) {
     try {
       let position = formatOptions.legends.legendPosition;
       let horizontalLegendAlignment = formatOptions.legends.legendAlignmentTopBottom;
@@ -16220,7 +16220,9 @@
               verticalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
           case staticLegendPosition.top:
@@ -16235,7 +16237,9 @@
               horizontalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
           case staticLegendPosition.left:
@@ -16252,7 +16256,9 @@
               verticalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
           case staticLegendPosition.bottom:
@@ -16267,7 +16273,9 @@
               horizontalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
         }
@@ -16792,7 +16800,7 @@
       logError$2(fileName$b, "findStringWithLongestLength", error);
     }
   };
-  const legendsWithScroll = (svg, seriesData, x2, y2, width, height, legendPosition, alignment, legendShape, chartFormatOptions, chartId, isVennChart = false) => {
+  const legendsWithScroll = (svg, seriesData, x2, y2, width, height, legendPosition, alignment, legendShape, chartFormatOptions, chartId, isVennChart = false, addLocalFilterFromLib) => {
     try {
       if (chartFormatOptions.legends.legendVisibility) {
         let justifyContent = "";
@@ -16815,7 +16823,9 @@
         if (legendPosition == staticLegendPosition.top || legendPosition == staticLegendPosition.bottom)
           div.style("flex-direction", "row");
         seriesData.forEach((d, i) => {
-          let innerdiv = div.append("div").style("display", "inline-flex").style("justify-content", "flex-start").style("align-items", "center").style("width", "fit-content").style("margin", "3px 0px").style("flex-wrap", "nowrap").style("white-space", "nowrap").on("mousemove", function() {
+          let innerdiv = div.append("div").style("display", "inline-flex").style("justify-content", "flex-start").style("align-items", "center").style("width", "fit-content").style("margin", "3px 0px").style("flex-wrap", "nowrap").style("white-space", "nowrap").on("dblclick", function() {
+            addLocalFilterFromLib(d?.properties);
+          }).on("mousemove", function() {
             if (chartFormatOptions.legends.onHoverEffect) {
               const hoverId = this.textContent.replace(/\s+/g, "-");
               svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
@@ -17083,7 +17093,7 @@
       logError$2(fileName$b, "marginCalculationsForChartsWithoutAxis", error);
     }
   };
-  const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesData, width, height, legendListWidth, chartTitleHeight, chartId, margins, staticLegendShape2, shouldAllowTotalValueMargin = true) => {
+  const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesData, width, height, legendListWidth, chartTitleHeight, chartId, margins, staticLegendShape2, shouldAllowTotalValueMargin = true, addLocalFilterFromLib) => {
     try {
       let position = chartFormatOptions.legends.legendPosition;
       let totalPosition = chartFormatOptions.total.totalPosition;
@@ -17106,7 +17116,9 @@
             verticalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.top:
@@ -17121,7 +17133,9 @@
             horizontalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.left:
@@ -17136,7 +17150,9 @@
             verticalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.bottom:
@@ -17151,7 +17167,9 @@
             horizontalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
       }
@@ -17385,7 +17403,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -17601,7 +17620,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -17957,7 +17978,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -18185,8 +18207,9 @@
         chartId,
         dataTableHeight,
         margin,
-        null
-        // legendShape.rectangle
+        null,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -19100,7 +19123,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -19303,7 +19327,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -19654,7 +19680,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -19856,7 +19883,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -20390,7 +20419,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -20591,7 +20621,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -22226,7 +22258,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -22444,7 +22477,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.line
+        staticLegendShape.line,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -22799,7 +22834,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -23002,7 +23038,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.line
+        staticLegendShape.line,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -23384,7 +23422,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -23578,7 +23617,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.line
+        staticLegendShape.line,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -23912,7 +23953,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -24114,7 +24156,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -24462,7 +24506,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -24636,7 +24681,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -25184,7 +25231,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -25357,7 +25405,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -25662,7 +25712,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -25834,7 +25885,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -26876,7 +26929,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -27092,7 +27146,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.areaWithLine
+        staticLegendShape.areaWithLine,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -27466,7 +27522,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -27669,7 +27726,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.areaWithLine
+        staticLegendShape.areaWithLine,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -28066,7 +28125,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -28259,7 +28319,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.areaWithLine
+        staticLegendShape.areaWithLine,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -28723,7 +28785,7 @@
     }
   };
   const fileName$8 = "PieChart.tsx";
-  const PieChart = ({ data, formatOptions, chartId, isReportEditable, onDataLabelCoordinatesChange }) => {
+  const PieChart = ({ data, formatOptions, chartId, isReportEditable, onDataLabelCoordinatesChange, addLocalFilterFromLib }) => {
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(data.ChartData);
     let chartFormatOptions;
@@ -28775,7 +28837,9 @@
         chartTitleHeight,
         chartId,
         margins,
-        staticLegendShape.circle
+        staticLegendShape.circle,
+        void 0,
+        addLocalFilterFromLib
       );
       initPieChartData();
       drawPieChart();
@@ -29153,7 +29217,8 @@
     formatOptions,
     chartId,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(data.ChartData);
@@ -29208,7 +29273,8 @@
         chartId,
         margins,
         staticLegendShape.hollowCircle,
-        false
+        false,
+        addLocalFilterFromLib
       );
       initPieChartData();
       drawDonutChart();
@@ -30319,7 +30385,8 @@
     data,
     formatOptions,
     chartId,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     let seriesData = generalizedChartData(data.ChartData);
@@ -30373,7 +30440,8 @@
         chartId,
         margins,
         staticLegendShape.rectangle,
-        false
+        false,
+        addLocalFilterFromLib
       );
       initPyramidData();
       drawPyramidChart();
@@ -30707,7 +30775,8 @@
   const ProgressChart = ({
     data: { ChartData },
     formatOptions,
-    chartId
+    chartId,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     let seriesData = generalizedChartData(ChartData);
@@ -30760,7 +30829,9 @@
         chartTitleHeight,
         chartId,
         margins,
-        staticLegendShape.hollowCircle
+        staticLegendShape.hollowCircle,
+        true,
+        addLocalFilterFromLib
       );
       initProgressChartData();
       drawProgressChart();
@@ -31487,7 +31558,8 @@
   const RadialBarChart = ({
     data: { ChartData },
     formatOptions,
-    chartId
+    chartId,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(ChartData);
@@ -31536,7 +31608,9 @@
         chartTitleHeight,
         chartId,
         margins,
-        staticLegendShape.hollowCircle
+        staticLegendShape.hollowCircle,
+        false,
+        addLocalFilterFromLib
       );
       initRadialBarChart();
     };
@@ -54182,9 +54256,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 +54299,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 +54352,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 +54361,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 +54583,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;">
@@ -54692,7 +54760,8 @@
   const BubbleChart = ({
     data,
     formatOptions,
-    chartId
+    chartId,
+    addLocalFilterFromLib
   }) => {
     let legendEntries = data.LegendList;
     const svgRef = require$$0$1.useRef();
@@ -55106,7 +55175,9 @@
           chartTitleHeight,
           chartId,
           margins,
-          staticLegendShape.circle
+          staticLegendShape.circle,
+          false,
+          addLocalFilterFromLib
         );
       } catch (e) {
         logError$2("BubbleChart", "initLegendList", e);
@@ -55150,10 +55221,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 +55237,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 +55258,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 +55360,7 @@
         innerHeight2,
         xTitle,
         xLabel,
-        data.length
+        modifiedData.length
       );
     };
     const initCircles = () => {
@@ -55297,17 +55370,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 +55387,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 +55422,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 +55471,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 +55549,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 +55569,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(
@@ -57117,7 +57198,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -57288,7 +57370,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,