pace-chart-lib 1.0.22 → 1.0.23

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

@@ -10718,11 +10718,24 @@ var connectedStyle = /* @__PURE__ */ ((connectedStyle2) => {
   return connectedStyle2;
 })(connectedStyle || {});
 var staticLineStyle = /* @__PURE__ */ ((staticLineStyle2) => {
-  staticLineStyle2["solid"] = "solid";
-  staticLineStyle2["dotted"] = "dotted";
-  staticLineStyle2["dashed"] = "dashed";
+  staticLineStyle2["none"] = "None";
+  staticLineStyle2["solid"] = "Solid";
+  staticLineStyle2["dotted"] = "Dotted";
+  staticLineStyle2["dashed"] = "Dashed";
   return staticLineStyle2;
 })(staticLineStyle || {});
+var strokeLineCap = /* @__PURE__ */ ((strokeLineCap2) => {
+  strokeLineCap2["butt"] = "butt";
+  strokeLineCap2["round"] = "round";
+  strokeLineCap2["square"] = "square";
+  return strokeLineCap2;
+})(strokeLineCap || {});
+var axisTypes = /* @__PURE__ */ ((axisTypes2) => {
+  axisTypes2["primary"] = "Primary";
+  axisTypes2["secondary"] = "Secondary";
+  return axisTypes2;
+})(axisTypes || {});
+const strokeDashValues = "20,10,5,5,5,10";
 const ConnecterCurve = {
   "1": "",
   "2": curveLinear$1,
@@ -11470,6 +11483,10 @@ var chartTypes = /* @__PURE__ */ ((chartTypes2) => {
   chartTypes2["PyramidChart"] = "PyramidChart";
   chartTypes2["ProgressChart"] = "ProgressChart";
   chartTypes2["RadialBarChart"] = "RadialBarChart";
+  chartTypes2["CombinationLine"] = "CombinationLine";
+  chartTypes2["CombinationArea"] = "CombinationArea";
+  chartTypes2["CombinationStackArea"] = "CombinationStackArea";
+  chartTypes2["TornadoDefaultEntry"] = "defaultEntry";
   return chartTypes2;
 })(chartTypes || {});
 const connecterCurve = {
@@ -11524,7 +11541,7 @@ function calculateWidthHeightDynamically(content, fontSize, fontFamily, rotation
   var boundingRect = div.getBoundingClientRect();
   var width = boundingRect.width;
   var height = boundingRect.height;
-  if (rotationDegree) {
+  if (rotationDegree != null) {
     div.style.transform = `rotate(${rotationDegree}deg)`;
     boundingRect = div.getBoundingClientRect();
     div.remove();
@@ -11594,8 +11611,7 @@ function computeMarginMetrics(windowWidth, windowHeight, maxNumberForPrimaryAxis
     "Helvetica"
   )[1] : 0;
   yTitle = yTitle > width * 0.1 ? width * 0.1 : yTitle;
-  let yLabel = formatOptions.yAxisLabel.yAxisLabelVisibility ? responsiveYaxisMargin(maxNumberForPrimaryAxis, yMaxLeft, formatOptions, false, isNormalizedChart) + 10 : getYAxisLabel(formatOptions, max$2(legendList, (d) => d?.length || 0) || 0) + 10;
-  yLabel += 8;
+  let yLabel = formatOptions.yAxisLabel.yAxisLabelVisibility ? responsiveYaxisMargin(maxNumberForPrimaryAxis, yMaxLeft, formatOptions, false, isNormalizedChart) + 5 : getYAxisLabel(formatOptions, max$2(legendList, (d) => d?.length || 0) || 0) + 10;
   let secondaryYLabel = formatOptions.secondaryYAxisLabel.secondaryYAxisLabelVisibility ? responsiveYaxisMargin(
     maxNumberForSecondaryAxis,
     yMaxRight,
@@ -11662,7 +11678,7 @@ function calculateHorizontalMargins(windowWidth, windowHeight, maxNumberForPrima
         left2 = yAxisRelatedMargin + 5;
         break;
       case staticLegendPosition.top:
-        right2 = 5 + secondaryExtra;
+        right2 = 15 + secondaryExtra;
         left2 = yAxisRelatedMargin + 5;
         break;
       case staticLegendPosition.right:
@@ -12835,61 +12851,77 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
       switch (labelType) {
         case "2":
           chartData.forEach(
-            (d) => labelData.push({
-              Dimension: d.data[0].dimension,
-              Measure: d.data[0].value,
-              Legend: d.data[0].legend,
-              LabelPosition: d.properties.dataLabelPosition,
-              Labelcolor: d.properties.labelColor,
-              Axis: d.properties.axis
-            })
+            (d) => {
+              if (d.data[0])
+                labelData.push({
+                  Dimension: d.data[0].dimension,
+                  Measure: d.data[0].value,
+                  Legend: d.data[0].legend,
+                  LabelPosition: d.properties.annotationPosition,
+                  Labelcolor: d.properties.labelColor,
+                  Axis: d.properties.axis
+                });
+            }
           );
           break;
         case "3":
           chartData.forEach(
-            (d) => labelData.push({
-              Dimension: d.data[d.data.length - 1].dimension,
-              Measure: d.data[d.data.length - 1].value,
-              Legend: d.data[d.data.length - 1].legend,
-              LabelPosition: d.properties.dataLabelPosition,
-              Labelcolor: d.properties.labelColor,
-              Axis: d.properties.axis
-            })
+            (d) => {
+              if (d.data[d.data.length - 1]) {
+                labelData.push({
+                  Dimension: d.data[d.data.length - 1].dimension,
+                  Measure: d.data[d.data.length - 1].value,
+                  Legend: d.data[d.data.length - 1].legend,
+                  LabelPosition: d.properties.annotationPosition,
+                  Labelcolor: d.properties.labelColor,
+                  Axis: d.properties.axis
+                });
+              }
+            }
           );
           break;
         case "4":
           chartData.forEach(
-            (d) => labelData.push({
-              Dimension: d.data[0].dimension,
-              Measure: d.data[0].value,
-              Legend: d.data[0].legend,
-              LabelPosition: d.properties.dataLabelPosition,
-              Labelcolor: d.properties.labelColor,
-              Axis: d.properties.axis
-            })
+            (d) => {
+              if (d.data[0])
+                labelData.push({
+                  Dimension: d.data[0].dimension,
+                  Measure: d.data[0].value,
+                  Legend: d.data[0].legend,
+                  LabelPosition: d.properties.annotationPosition,
+                  Labelcolor: d.properties.labelColor,
+                  Axis: d.properties.axis
+                });
+            }
           );
           chartData.forEach(
-            (d) => labelData.push({
-              Dimension: d.data[d.data.length - 1].dimension,
-              Measure: d.data[d.data.length - 1].value,
-              Legend: d.data[d.data.length - 1].legend,
-              LabelPosition: d.properties.dataLabelPosition,
-              Labelcolor: d.properties.labelColor,
-              Axis: d.properties.axis
-            })
+            (d) => {
+              if (d.data[d.data.length - 1])
+                labelData.push({
+                  Dimension: d.data[d.data.length - 1].dimension,
+                  Measure: d.data[d.data.length - 1].value,
+                  Legend: d.data[d.data.length - 1].legend,
+                  LabelPosition: d.properties.annotationPosition,
+                  Labelcolor: d.properties.labelColor,
+                  Axis: d.properties.axis
+                });
+            }
           );
           break;
         case "1":
           for (let i = 0; i < chartData[0].data.length; i++) {
             chartData.forEach(
-              (d) => labelData.push({
-                Dimension: d.data[i].dimension,
-                Measure: d.data[i].value,
-                Legend: d.data[i].legend,
-                LabelPosition: d.properties.dataLabelPosition,
-                Labelcolor: d.properties.labelColor,
-                Axis: d.properties.axis
-              })
+              (d) => {
+                if (d.data[i])
+                  labelData.push({
+                    Dimension: d.data[i].dimension,
+                    Measure: d.data[i].value,
+                    Legend: d.data[i].legend,
+                    LabelPosition: d.properties.annotationPosition,
+                    Labelcolor: d.properties.labelColor,
+                    Axis: d.properties.axis
+                  });
+              }
             );
           }
           break;
@@ -12898,60 +12930,65 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
           break;
         case "6":
           chartData.forEach((d) => {
-            let annotationVisibility = d.properties.individualAnnotationVisibility;
+            let annotationVisibility = d.properties.annotation.toString();
             switch (annotationVisibility) {
               case "1":
                 for (let i = 0; i < chartData[0].data.length; i++) {
-                  labelData.push({
-                    Dimension: d.data[i].dimension,
-                    Measure: d.data[i].value,
-                    Legend: d.data[i].legend,
-                    LabelPosition: d.properties.dataLabelPosition,
-                    Labelcolor: d.properties.labelColor,
-                    Axis: d.properties.axis
-                  });
+                  if (d.data[i])
+                    labelData.push({
+                      Dimension: d.data[i].dimension,
+                      Measure: d.data[i].value,
+                      Legend: d.data[i].legend,
+                      LabelPosition: d.properties.annotationPosition,
+                      Labelcolor: d.properties.labelColor,
+                      Axis: d.properties.axis
+                    });
                 }
                 break;
               case "2":
                 labelData;
                 break;
               case "3":
-                labelData.push({
-                  Dimension: d.data[0].dimension,
-                  Measure: d.data[0].value,
-                  Legend: d.data[0].legend,
-                  LabelPosition: d.properties.dataLabelPosition,
-                  Labelcolor: d.properties.labelColor,
-                  Axis: d.properties.axis
-                });
+                if (d.data[0])
+                  labelData.push({
+                    Dimension: d.data[0].dimension,
+                    Measure: d.data[0].value,
+                    Legend: d.data[0].legend,
+                    LabelPosition: d.properties.annotationPosition,
+                    Labelcolor: d.properties.labelColor,
+                    Axis: d.properties.axis
+                  });
                 break;
               case "4":
-                labelData.push({
-                  Dimension: d.data[d.data.length - 1].dimension,
-                  Measure: d.data[d.data.length - 1].value,
-                  Legend: d.data[d.data.length - 1].legend,
-                  LabelPosition: d.properties.dataLabelPosition,
-                  Labelcolor: d.properties.labelColor,
-                  Axis: d.properties.axis
-                });
+                if (d.data[d.data.length - 1])
+                  labelData.push({
+                    Dimension: d.data[d.data.length - 1].dimension,
+                    Measure: d.data[d.data.length - 1].value,
+                    Legend: d.data[d.data.length - 1].legend,
+                    LabelPosition: d.properties.annotationPosition,
+                    Labelcolor: d.properties.labelColor,
+                    Axis: d.properties.axis
+                  });
                 break;
               case "5":
-                labelData.push({
-                  Dimension: d.data[0].dimension,
-                  Measure: d.data[0].value,
-                  Legend: d.data[0].legend,
-                  LabelPosition: d.properties.dataLabelPosition,
-                  Labelcolor: d.properties.labelColor,
-                  Axis: d.properties.axis
-                });
-                labelData.push({
-                  Dimension: d.data[d.data.length - 1].dimension,
-                  Measure: d.data[d.data.length - 1].value,
-                  Legend: d.data[d.data.length - 1].legend,
-                  LabelPosition: d.properties.dataLabelPosition,
-                  Labelcolor: d.properties.labelColor,
-                  Axis: d.properties.axis
-                });
+                if (d.data[0])
+                  labelData.push({
+                    Dimension: d.data[0].dimension,
+                    Measure: d.data[0].value,
+                    Legend: d.data[0].legend,
+                    LabelPosition: d.properties.annotationPosition,
+                    Labelcolor: d.properties.labelColor,
+                    Axis: d.properties.axis
+                  });
+                if (d.data[d.data.length - 1])
+                  labelData.push({
+                    Dimension: d.data[d.data.length - 1].dimension,
+                    Measure: d.data[d.data.length - 1].value,
+                    Legend: d.data[d.data.length - 1].legend,
+                    LabelPosition: d.properties.annotationPosition,
+                    Labelcolor: d.properties.labelColor,
+                    Axis: d.properties.axis
+                  });
                 break;
             }
           });
@@ -12979,13 +13016,14 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
             y: d.Dimension,
             x: { measure: d.Measure, axis: d.Axis },
             position: parseInt(d.LabelPosition),
-            currentLegend: d.Legend.replaceAll(" ", "-"),
+            currentLegend: d.Legend,
+            //d.Legend.replaceAll(" ", "-"), need to check for this case by space replaced with -
             isVisible: true
           } : {
             x: d.Dimension,
             y: { measure: d.Measure, axis: d.Axis },
             position: parseInt(d.LabelPosition),
-            currentLegend: d.Legend.replaceAll(" ", "-"),
+            currentLegend: d.Legend,
             isVisible: true
           },
           dx: 0,
@@ -13005,10 +13043,10 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
           width
         };
         if (barChart) {
-          let requiredXScale = d.Axis === "Primary" ? yScaleLeft : yScaleRight;
+          let requiredXScale = d.Axis === axisTypes.primary ? yScaleLeft : yScaleRight;
           responsiveXaxisLabel(dimensionList, innerWidth2).includes(d.Dimension) && !labelExcludeList.includes(d.Legend) && requiredXScale(d.Measure) <= innerWidth2 && requiredXScale(d.Measure) >= 0 ? annotationsList.push(singleAnnotation) : null;
         } else {
-          responsiveXaxisLabel(dimensionList, innerWidth2).includes(d.Dimension) && !labelExcludeList.includes(d.Legend) && (d.Axis == "Primary" ? yScaleLeft(d.Measure) <= innerHeight2 && yScaleLeft(d.Measure) >= 0 : yScaleRight(d.Measure) <= innerHeight2 && yScaleRight(d.Measure) >= 0) ? annotationsList.push(singleAnnotation) : null;
+          responsiveXaxisLabel(dimensionList, innerWidth2).includes(d.Dimension) && !labelExcludeList.includes(d.Legend) && (d.Axis == axisTypes.primary ? yScaleLeft(d.Measure) <= innerHeight2 && yScaleLeft(d.Measure) >= 0 : yScaleRight(d.Measure) <= innerHeight2 && yScaleRight(d.Measure) >= 0) ? annotationsList.push(singleAnnotation) : null;
         }
       });
       annotationsList = annotationsList.filter((d) => d.data.y.measure != 0);
@@ -13037,17 +13075,19 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
       makeAnnotations.editMode(formatOptions.annotation.annotationDraggable && isReportEditable).accessors({
         x: function(d) {
           if (barChart) {
-            let requiredXScale = d.x.axis === "Primary" ? yScaleLeft : yScaleRight;
+            let requiredXScale = d.x.axis === axisTypes.primary ? yScaleLeft : yScaleRight;
             let axis2 = d.x.axis;
             return dataLabelsPositionForBarChartFamily(formatOptions, d.x.measure ? d.x.measure : 0, d.position, requiredXScale, minValue, void 0, chartType, isSensitivityChart, axis2);
           } else if (chartType === chartTypes.ColumnChart) {
-            return xScaleForLegends(d.currentLegend) ? xScale(d.x) + xScaleForLegends(d.currentLegend) - (columnWidth - xScaleForLegends.bandwidth()) / 2 : xScale(d.x);
+            const legend = xScaleForLegends(d.currentLegend);
+            const x2 = legend != null ? xScale(d.x) + legend - (columnWidth - xScaleForLegends.bandwidth()) / 2 : xScale(d.x);
+            return x2;
           } else {
             return xScale(d.x);
           }
         },
         y: function(d) {
-          if (d.y.axis == "Primary") {
+          if (d.y.axis == axisTypes.primary) {
             return dataLabelsPosition(
               d.y.measure,
               parseFloat(d.position),
@@ -13316,11 +13356,11 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
         d["legend"] && d.dimension ? (
           // ? finalLegendseries.includes(d.Legend.includes("~$~") ? d.Legend.split("~$~")[1] : d.Legend) &&
           //     filteredDimensionList.includes(d.Dimension) &&
-          !labelExcludeList.includes(d.legend.includes("~$~") ? d.legend.split("~$~")[1] : d.legend) && (d.Axis == "Primary" ? yScaleLeft(d.value) <= innerHeight2 && yScaleLeft(d.value) >= 0 : yScaleRight(d.value) <= innerHeight2 && yScaleRight(d.value) >= 0) ? annotationsList.push(singleAnnotation) : null
+          !labelExcludeList.includes(d.legend.includes("~$~") ? d.legend.split("~$~")[1] : d.legend) && (d.Axis == axisTypes.primary ? yScaleLeft(d.value) <= innerHeight2 && yScaleLeft(d.value) >= 0 : yScaleRight(d.value) <= innerHeight2 && yScaleRight(d.value) >= 0) ? annotationsList.push(singleAnnotation) : null
         ) : (
           // finalLegendseries.includes(d["key"].includes("~$~") ? d["key"].split("~$~")[1] : d["key"]) &&
           //     this.filteredDimensionList.includes(d.data["Dimension"]) &&
-          !labelExcludeList.includes(d["key"]) && (d.data.axis == "Primary" ? yScaleLeft(d[1]) <= innerHeight2 && yScaleLeft(d[1]) >= 0 : yScaleRight(d[1]) <= innerHeight2 && yScaleRight(d[1]) >= 0) ? annotationsList.push(singleAnnotation) : null
+          !labelExcludeList.includes(d["key"]) && (d.data.axis == axisTypes.primary ? yScaleLeft(d[1]) <= innerHeight2 && yScaleLeft(d[1]) >= 0 : yScaleRight(d[1]) <= innerHeight2 && yScaleRight(d[1]) >= 0) ? annotationsList.push(singleAnnotation) : null
         );
       });
       oldAnnotationList = oldAnnotationList.length == 0 ? annotationsList : oldAnnotationList;
@@ -13364,7 +13404,7 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
           }
         },
         y: function(d) {
-          if (d.x.axis == "Primary") {
+          if (d.x.axis == axisTypes.primary) {
             return dataLabelsPosition(d.y, parseFloat(d.position), yScaleLeft, minValue, d.prevValue, d.type);
           } else {
             return dataLabelsPosition(d.y, parseFloat(d.position), yScaleRight, minValue, d.prevValue, d.type);
@@ -13405,7 +13445,7 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
         }
       }).accessorsInverse({
         x: (d) => xScale.invert(d.x),
-        y: (d) => d.x.axis == "Primary" ? yScaleLeft.invert(d.y) : yScaleRight.invert(d.y)
+        y: (d) => d.x.axis == axisTypes.primary ? yScaleLeft.invert(d.y) : yScaleRight.invert(d.y)
       }).notePadding(0).annotations(finalAnnotationList);
       if (!formatOptions.plotArea.fitChart) svg.selectAll(".annotation-group").remove();
       let annotations = appendAnnotations(svg, formatOptions, margin, fontStyle, makeAnnotations, connectorType);
@@ -14315,7 +14355,7 @@ function prepareDataForSeriesLabel(innerWidth2, yScaleLeft, formatOptions, filte
         let seriesObject = {};
         let measureObject = seriesPosition == "Right" ? lineData.data[lineData.data.length - 1] : lineData.data[0];
         let yPositionMeasure = isStackedChart ? measureObject.value > 0 ? measureObject[1] : measureObject[0] : measureObject.value;
-        if (lineData.properties.axis == "Primary" || !yScaleRight) {
+        if (lineData.properties.axis == axisTypes.primary || !yScaleRight) {
           seriesObject["yPosition"] = yScaleLeft(yPositionMeasure) - hwObject[1] / 2;
         } else if (isSecondaryAxisDrawn && yScaleRight) {
           seriesObject["yPosition"] = yScaleRight(yPositionMeasure) - hwObject[1] / 2;
@@ -14408,7 +14448,7 @@ function stacklineAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin
           break;
         case "6":
           chartData.forEach((d) => {
-            let annotationVisibility = d.individualAnnotationVisibility;
+            let annotationVisibility = d[0].properties.annotation.toString();
             switch (annotationVisibility) {
               case "1":
                 for (let i = 0; i < chartData[0].length; i++) {
@@ -14479,7 +14519,7 @@ function stacklineAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin
             height: 15,
             width: 15
           },
-          color: labelType !== "6" ? d.data.labelColor : d.properties.labelColor,
+          color: d.properties.labelColor,
           type: annotationTypeforCharts(d3Annotation2, parseFloat(annotationType)),
           height,
           width
@@ -14913,11 +14953,132 @@ const horizontalScrollBar = (seriesData, height, width, svg, margin, innerWidth2
     true
   );
 };
+function addTotalValue(totalValueMap, xScale, yScale, margin, d3Annotation2, oldAnnotationList, formatOptions, chartType, height, width, svg, isReportEditable, isBarChart) {
+  try {
+    if (formatOptions.total.totalVisibility) {
+      const dataLabelHeight = formatOptions.annotation.annotationVisibility != "5" ? 10 : 0;
+      let annotationType = formatOptions.total.annotationType ?? "1";
+      let Disable = [annotationType == "1" ? "connector" : ""];
+      let makeAnnotations = d3Annotation2.annotation();
+      let connector = formatOptions.total.connectorType;
+      let fontStyle = formatOptions.total.totalFontStyle;
+      let connectorType = formatOptions.total.connectorType ? formatOptions.total.connectorType.toLowerCase() : "None";
+      oldAnnotationList = [];
+      let annotationsList = [];
+      let totalValuesArray = Array.from(totalValueMap, ([Dimension, Measure]) => ({ Dimension, Measure }));
+      if (formatOptions.total.totalHideZeroValues) {
+        totalValuesArray = totalValuesArray.filter((d) => d.Measure !== 0);
+      }
+      totalValuesArray.forEach((d, i) => {
+        let singleAnnotation = {
+          note: {
+            label: d.Measure >= 1e9 && formatOptions.total.totalNumberFormat === ".2s" ? Math.round(d.Measure / 1e9) + "B" : getNumberWithFormat(
+              d.Measure,
+              formatOptions.total.totalDisplayUnits || formatOptions.plotArea.plotAreaDisplayUnits,
+              formatOptions.total.totalNumberFormat,
+              formatOptions.total.totalDecimalPrecision
+            )
+          },
+          data: {
+            y: d.Measure,
+            x: d.Dimension
+          },
+          dx: 0,
+          dy: 0,
+          connector: {
+            end: connectorType,
+            curve: connecterCurve[formatOptions.total.connectorCurve]
+          },
+          disable: Disable,
+          subject: {
+            height: 15,
+            width: 15
+          },
+          color: formatOptions.total.totalColor,
+          type: annotationTypeforCharts(d3Annotation2, parseFloat(annotationType)),
+          height,
+          width
+        };
+        annotationsList.push(singleAnnotation);
+      });
+      makeAnnotations.editMode(formatOptions.total.annotationDraggable && isReportEditable).accessors({
+        x: function(d) {
+          return isBarChart ? yScale(d.y) + 25 : xScale(d.x);
+        },
+        y: function(d) {
+          return isBarChart ? xScale(d.x) - 5 : yScale(d.y) - dataLabelHeight - 15;
+        }
+      }).on("dragend", function(annotation2) {
+        annotations.selectAll(".connector").style("stroke", formatOptions.annotation.connectorColor || "#ccc").attr(
+          "stroke-dasharray",
+          connectedStyle[formatOptions.total.connectorStyle.toLowerCase()]
+        );
+        annotations.selectAll(`.connector-${connectorType}`).attr("fill", formatOptions.total.connectorColor || "#ccc").style(
+          "stroke",
+          formatOptions.total.connectorColor || "#ccc"
+        );
+        annotations.selectAll(".note-line").attr("hoverId", (d) => d.data.currentLegend).style("stroke", formatOptions.total.connectorColor || "#ccc").attr(
+          "stroke-dasharray",
+          connectedStyle[formatOptions.total.connectorStyle.toLowerCase()]
+        ).filter((d) => d._dx == 0 && d._dy == 0).remove();
+      }).accessorsInverse({
+        x: (d) => xScale.invert(d.x),
+        y: (d) => yScale.invert(d.y)
+      }).notePadding(0).annotations(annotationsList);
+      let annotations = appendTotalAnnotations(svg, formatOptions, margin, fontStyle, makeAnnotations, connectorType);
+    }
+  } catch (error) {
+    throw error;
+  }
+}
+const appendTotalAnnotations = (svg, formatOptions, margin, fontStyle, makeAnnotations, ConnectorType) => {
+  svg.selectAll(".annotation-group").remove();
+  let annotations = svg.append("g").attr("id", "annotationGroup").attr("class", "annotation-group").attr("transform", `translate(${margin.left},${margin.top})`).style("fill", formatOptions.total.totalColor).style("font-family", formatOptions.total.totalFontFamily).style("font-size", formatOptions.total.totalFontSize).style("font-style", fontStyle.includes("Italic") ? "Italic" : "").style(
+    "text-decoration",
+    fontStyle.includes("Underline") ? "Underline" : ""
+  ).style("font-weight", fontStyle.includes("Bold") ? "Bold" : "").call(makeAnnotations);
+  annotations.selectAll("rect").style("visibility", "hidden");
+  annotations.selectAll(".annotation-subject").remove();
+  annotations.selectAll(".connector").style("stroke", formatOptions.total.connectorColor || "#ccc").attr("stroke-dasharray", connectedStyle[formatOptions.total.connectorStyle]);
+  annotations.selectAll(`.connector-${ConnectorType}`).attr("fill", formatOptions.total.connectorColor || "#ccc").style("stroke", formatOptions.total.connectorColor || "#ccc");
+  annotations.selectAll(".note-line").style("stroke", formatOptions.total.connectorColor || "#ccc").attr("stroke-dasharray", connectedStyle[formatOptions.total.connectorStyle]).filter((d) => d._dx == 0 && d._dy == 0).remove();
+  annotations.selectAll(".connector-end").filter((d) => d.connector.end == "dot" && d._dx == 0 && d._dy == 0).remove();
+  formatOptions.total.annotationType == "1" && annotations.selectAll(".annotation-note-content").attr("transform", function() {
+    const transform = select$2(this).attr("transform");
+    const translateValues = transform.match(/translate\(([^,]+),([^,]+)\)/);
+    if (translateValues) {
+      const currentX = parseFloat(translateValues[1]);
+      return `translate(${currentX}, 0)`;
+    }
+  });
+  annotations.selectAll("text").append("text").style("fill", formatOptions.total.totalColor !== "#ffffff" ? formatOptions.total.totalColor : "none");
+  return annotations;
+};
+function createTotalMeasureValueMap(data, totalValueMap, filteredDimension) {
+  totalValueMap.clear();
+  if (filteredDimension && filteredDimension.length > 0) {
+    filteredDimension.forEach((dimension) => {
+      let totalMeasureValue = 0;
+      totalValueMap.set(dimension, totalMeasureValue);
+    });
+  }
+  if (data.ChartData && data.ChartData.length > 0) {
+    data.ChartData.forEach((series) => {
+      series.data.forEach((dataPoint, index2) => {
+        if (totalValueMap.has(dataPoint.dimension)) {
+          let existingTotal = totalValueMap.get(dataPoint.dimension) || 0;
+          existingTotal += dataPoint.value || 0;
+          totalValueMap.set(dataPoint.dimension, existingTotal);
+        }
+      });
+    });
+  }
+}
 const chartProperties = {
   color: "defaultColor",
   name: "",
   type: "Line",
-  axis: "Primary",
+  axis: axisTypes.primary,
   alias: "",
   fontSize: 11,
   fontStyle: [],
@@ -15003,9 +15164,8 @@ const fileName$b = "CommonFunctions.ts";
   chartTypes.Speedometer,
   chartTypes.RadialBarChart
 ];
-function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width, legendMargin, formatOptions, inputSeries, chartId, legendShape, chartType) {
+function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width, legendMargin, formatOptions, seriesData, chartId, legendShape, chartType) {
   try {
-    let seriesData = chartType !== chartTypes.TornadoChart ? [...inputSeries].reverse() : [...inputSeries];
     let position = formatOptions.legends.legendPosition;
     let horizontalLegendAlignment = formatOptions.legends.legendAlignmentTopBottom;
     let verticalLegendAlignment = formatOptions.legends.legendAlignment;
@@ -15108,21 +15268,13 @@ function lineMarkers(lines, chartData, type, xScale, yScale, yScaleRight, toolti
     chartData.forEach(
       (d) => d.data.forEach(
         (j) => {
-          j["markerShape"] = type === "CombiLine" && !formatOptions.plotArea.plotAreaHideLineAndMarkers ? "None" : d.properties.markerShape ? d.properties.markerShape : "Circle";
+          j["markerShape"] = [chartTypes.CombinationLine, chartTypes.CombinationArea].includes(type) && !formatOptions.plotArea.plotAreaHideLineAndMarkers ? "None" : d.properties.markerShape ? d.properties.markerShape : "Circle";
           j["currentMeasure"] = d.properties.currentMeasure;
+          j["markerColor"] = d.properties.markerColor ? d.properties.markerColor : "Blue";
+          j["markerSize"] = d.properties.markerShape != "None" && d.properties.markerSize && d.properties.markerShape != "None" ? type === "Area" ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? d.properties.markerSize : 0 : d.properties.markerSize : 0;
         }
       )
     );
-    chartData.forEach(
-      (d) => d.data.forEach(
-        (j) => j["markerColor"] = d.properties.markerColor ? d.properties.markerColor : "Blue"
-      )
-    );
-    chartData.forEach(
-      (d) => d.data.forEach(
-        (j) => j["markerSize"] = d.properties.markerShape != "None" && d.properties.markerSize && d.properties.markerShape != "None" ? type === "Area" ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? d.properties.markerSize : 0 : d.properties.markerSize : 0
-      )
-    );
     let markerGroups = lines.selectAll(".lineGroup").data(chartData, (d) => d.legend);
     let markerGroupsEnter = markerGroups.enter().append("g").attr("class", "parentGroup").attr("hoverId", (d) => (d.properties.alias || d.properties.name || "Legend").replace(/\s+/g, "-"));
     let mergedMarkerGroups = markerGroupsEnter.merge(markerGroups);
@@ -15134,12 +15286,12 @@ function lineMarkers(lines, chartData, type, xScale, yScale, yScaleRight, toolti
         return Symbol$1().type(Markershapes(d.markerShape)).size(d.markerSize * 50)();
       }).attr("visibility", (d) => {
         const hideByX = !xScale(d.dimension) && xScale(d.dimension) !== 0;
-        const visible = formatOptions.marker.markerVisibility ? checkVisibleConditions(chartData, d, type, hideZeroValues, secondaryCustomYaxisMaxValue, secondaryCustomYaxisMinValue, customYaxisMinValue, customYaxisMaxValue) ? "hidden" : [chartTypes.NormalizedStackLineChart, "CombiLine"].includes(type) ? "visible" : [chartTypes.StackAreaChart, chartTypes.AreaChart, "CombiArea", "CombiStackArea"].includes(type) ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? "visible" : "hidden" : "visible" : type === "CombiLine" ? "visible" : ["Area", "CombiArea"].includes(type) ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? "visible" : "hidden" : "hidden";
+        const visible = formatOptions.marker.markerVisibility ? checkVisibleConditions(chartData, d, type, hideZeroValues, secondaryCustomYaxisMaxValue, secondaryCustomYaxisMinValue, customYaxisMinValue, customYaxisMaxValue) ? "hidden" : [chartTypes.NormalizedStackLineChart, chartTypes.CombinationLine, chartTypes.CombinationArea].includes(type) ? "visible" : [chartTypes.StackAreaChart, chartTypes.AreaChart, chartTypes.CombinationStackArea].includes(type) ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? "visible" : "hidden" : "visible" : [chartTypes.CombinationLine, chartTypes.CombinationArea].includes(type) ? "visible" : ["Area"].includes(type) ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? "visible" : "hidden" : "hidden";
         return hideByX ? "hidden" : visible;
       }).attr("transform", (d) => {
-        let requiredYScale = d.axis == "Primary" ? yScale : yScaleRight;
+        let requiredYScale = d.axis == axisTypes.primary ? yScale : yScaleRight;
         const x2 = xScale(d.dimension);
-        const y2 = [chartTypes.NormalizedStackAreaChart, chartTypes.StackAreaChart, chartTypes.StackLineChart, chartTypes.NormalizedStackLineChart, "CombiStackArea"].includes(type) ? d[1] > 0 ? requiredYScale(d[1]) : requiredYScale(d[0]) : requiredYScale(d.value);
+        const y2 = [chartTypes.NormalizedStackAreaChart, chartTypes.StackAreaChart, chartTypes.StackLineChart, chartTypes.NormalizedStackLineChart, chartTypes.CombinationStackArea].includes(type) ? d[1] > 0 ? requiredYScale(d[1]) : requiredYScale(d[0]) : requiredYScale(d.value);
         return `translate(${x2},${y2})`;
       }).on("mousemove", function(event2, d) {
         const dataPoint = d;
@@ -15177,13 +15329,13 @@ function lineMarkers(lines, chartData, type, xScale, yScale, yScaleRight, toolti
         );
         parentG.selectAll(".halo").remove();
         parentG.insert("circle", ":first-child").attr("class", "halo").attr("cx", xScale(dataPoint.dimension)).attr("cy", () => {
-          const requiredYScale = dataPoint.axis === "Primary" ? yScale : yScaleRight;
-          return [chartTypes.NormalizedStackAreaChart, chartTypes.StackAreaChart, chartTypes.StackLineChart, chartTypes.NormalizedStackLineChart, "CombiStackArea"].includes(type) ? dataPoint[1] > 0 ? requiredYScale(dataPoint[1]) : requiredYScale(dataPoint[0]) : requiredYScale(dataPoint.value);
+          const requiredYScale = dataPoint.axis === axisTypes.primary ? yScale : yScaleRight;
+          return [chartTypes.NormalizedStackAreaChart, chartTypes.StackAreaChart, chartTypes.StackLineChart, chartTypes.NormalizedStackLineChart, chartTypes.CombinationStackArea].includes(type) ? dataPoint[1] > 0 ? requiredYScale(dataPoint[1]) : requiredYScale(dataPoint[0]) : requiredYScale(dataPoint.value);
         }).attr("fill", legendEntry.markerColor).attr("opacity", 0.5).attr("r", legendEntry.markerSize * 10);
         select$2(this).transition().duration(100).attr("transform", () => {
-          const requiredYScale = dataPoint.axis === "Primary" ? yScale : yScaleRight;
+          const requiredYScale = dataPoint.axis === axisTypes.primary ? yScale : yScaleRight;
           const x2 = xScale(dataPoint.dimension);
-          const y2 = [chartTypes.NormalizedStackAreaChart, chartTypes.StackAreaChart, chartTypes.StackLineChart, chartTypes.NormalizedStackLineChart, "CombiStackArea"].includes(type) ? dataPoint[1] > 0 ? requiredYScale(dataPoint[1]) : requiredYScale(dataPoint[0]) : requiredYScale(dataPoint.value);
+          const y2 = [chartTypes.NormalizedStackAreaChart, chartTypes.StackAreaChart, chartTypes.StackLineChart, chartTypes.NormalizedStackLineChart, chartTypes.CombinationStackArea].includes(type) ? dataPoint[1] > 0 ? requiredYScale(dataPoint[1]) : requiredYScale(dataPoint[0]) : requiredYScale(dataPoint.value);
           return `translate(${x2},${y2}) scale(1.3)`;
         });
       }).on("mouseout", function(event2, d) {
@@ -15192,9 +15344,9 @@ function lineMarkers(lines, chartData, type, xScale, yScale, yScaleRight, toolti
         hideTooltipOnMouseOut();
         parentG.selectAll(".halo").remove();
         select$2(this).transition().duration(100).attr("transform", () => {
-          const requiredYScale = dataPoint.axis === "Primary" ? yScale : yScaleRight;
+          const requiredYScale = dataPoint.axis === axisTypes.primary ? yScale : yScaleRight;
           const x2 = xScale(dataPoint.dimension);
-          const y2 = [chartTypes.NormalizedStackAreaChart, chartTypes.StackAreaChart, chartTypes.StackLineChart, chartTypes.NormalizedStackLineChart, "CombiStackArea"].includes(type) ? dataPoint[1] > 0 ? requiredYScale(dataPoint[1]) : requiredYScale(dataPoint[0]) : requiredYScale(dataPoint.value);
+          const y2 = [chartTypes.NormalizedStackAreaChart, chartTypes.StackAreaChart, chartTypes.StackLineChart, chartTypes.NormalizedStackLineChart, chartTypes.CombinationStackArea].includes(type) ? dataPoint[1] > 0 ? requiredYScale(dataPoint[1]) : requiredYScale(dataPoint[0]) : requiredYScale(dataPoint.value);
           return `translate(${x2},${y2}) scale(1)`;
         });
       });
@@ -15206,10 +15358,10 @@ function lineMarkers(lines, chartData, type, xScale, yScale, yScaleRight, toolti
 const checkVisibleConditions = (chartData, d, type, hideZeroValues, secondaryCustomYaxisMaxValue, secondaryCustomYaxisMinValue, customYaxisMinValue, customYaxisMaxValue) => {
   try {
     if (chartData[0].properties.axis && chartData[0].properties.axis === "Secondary") {
-      return hideZeroValues && d.Measure == 0 || d.Measure > secondaryCustomYaxisMaxValue || d.Measure < secondaryCustomYaxisMinValue;
+      return hideZeroValues && d.value == 0 || d.value > secondaryCustomYaxisMaxValue || d.value < secondaryCustomYaxisMinValue;
     } else if (type.includes("Stack")) {
-      return d.Measure > 0 ? hideZeroValues && d[1] == 0 || d[1] < customYaxisMinValue || d[1] > customYaxisMaxValue : hideZeroValues && d[0] == 0 || d[0] < customYaxisMinValue || d[0] > customYaxisMaxValue;
-    } else return hideZeroValues && d.Measure == 0 || d.Measure < customYaxisMinValue || d.Measure > customYaxisMaxValue;
+      return d.value > 0 ? hideZeroValues && d[1] == 0 || d[1] < customYaxisMinValue || d[1] > customYaxisMaxValue : hideZeroValues && d[0] == 0 || d[0] < customYaxisMinValue || d[0] > customYaxisMaxValue;
+    } else return hideZeroValues && d.value == 0 || d.value < customYaxisMinValue || d.value > customYaxisMaxValue;
   } catch (error) {
     logError$2(fileName$b, "checkVisibleConditions", error);
   }
@@ -15419,7 +15571,7 @@ function getAutoNumberWithFormat(value2) {
 }
 function showTooltipOnMouseMove(elements, chartFormatOptions, event2, prop) {
   try {
-    const markerColor = prop?.markerColor ?? "blue";
+    const markerColor = prop.color ?? prop?.markerColor ?? "blue";
     const markerShape = prop?.markerShape.toLowerCase() ?? "circle";
     const isLightTheme = chartFormatOptions.toolTip.toolTipTheme === "Light";
     const bgColor = isLightTheme ? "rgba(255, 255, 255)" : "#272729ff";
@@ -16007,7 +16159,7 @@ function generalizedChartData(chartData, dimensionList) {
       return {
         ...item,
         properties,
-        data: item.data
+        data: normalizedData
       };
     });
   } catch (error) {
@@ -16471,7 +16623,9 @@ const ColumnChart = ({
         )
       ).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
-      ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
+      ).tickValues(
+        responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray
+      ).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
     if (isSecondaryAxisDrawn) {
       yAxisRight = axisRight(yScaleRight).tickFormat(
@@ -16520,7 +16674,13 @@ const ColumnChart = ({
       let column = gTag.selectAll(".parentGroup").data([data2], (d) => d.legend);
       column = column.enter().append("g").attr("class", `column parentGroup`).merge(column);
       let columnGroups = column.selectAll(".column-group").data(data2.data, (d) => d.legend + d.dimension);
-      let columnGroupsEnter = columnGroups.enter().append("g").attr("class", "column-group").attr("hoverId", (data2.properties.alias || data2.properties.name || "Legend").replace(/\s+/g, "-")).attr(
+      let columnGroupsEnter = columnGroups.enter().append("g").attr("class", "column-group").attr(
+        "hoverId",
+        (data2.properties.alias || data2.properties.name || "Legend").replace(
+          /\s+/g,
+          "-"
+        )
+      ).attr(
         "transform",
         (d) => `translate(${xScale(d.dimension) - columnWidth / 2}, 0)`
       );
@@ -16533,9 +16693,12 @@ const ColumnChart = ({
         (d) => `translate(${xScale(d.dimension) - columnWidth / 2}, 0)`
       );
       const bars = columnGroupsEnter.append("rect").attr("x", (d) => xScaleForLegends(d.legend)).attr("width", xScaleForLegends.bandwidth()).attr("y", (d) => {
-        const yScale = data2.properties.axis === "Primary" ? yScaleLeft : yScaleRight;
+        const yScale = data2.properties.axis === axisTypes.primary ? yScaleLeft : yScaleRight;
         return yScale(0);
-      }).attr("height", 0).attr("fill", data2.properties.color).attr("stroke-dasharray", (d) => d.stackBorderStyle === 2 ? "5,3" : "0").attr("stroke-width", (d) => `${d.stackBorderWidth}px`).attr(
+      }).attr("height", 0).attr("fill", data2.properties.color).attr(
+        "stroke-dasharray",
+        (d) => d.stackBorderStyle === 2 ? "5,3" : "0"
+      ).attr("stroke-width", (d) => `${d.stackBorderWidth}px`).attr(
         "stroke",
         (d) => data2.properties.stackBorderStyle === 0 ? "none" : formatOptions.column.stackBorderVisibility ? data2.properties.stackBorderStyle : "none"
       ).style("clip-path", "inset(0px) fill-box").style("shape-rendering", "crispEdges").attr(
@@ -16544,10 +16707,10 @@ const ColumnChart = ({
       );
       const finalBars = bars;
       finalBars.attr("y", (d) => {
-        const yScale = data2.properties.axis === "Primary" ? yScaleLeft : yScaleRight;
+        const yScale = data2.properties.axis === axisTypes.primary ? yScaleLeft : yScaleRight;
         return d.value > 0 ? yScale(d.value) : yScale(0);
       }).attr("height", (d) => {
-        const yScale = data2.properties.axis === "Primary" ? yScaleLeft : yScaleRight;
+        const yScale = data2.properties.axis === axisTypes.primary ? yScaleLeft : yScaleRight;
         return Math.abs(yScale(d.value) - yScale(0));
       });
       columnGroupsEnter.merge(columnGroups).on("mousemove", (event2, d) => {
@@ -16743,10 +16906,6 @@ const CustomColumnChart = ({
   let xScale;
   let xScaleForLegends;
   let calculatedRange;
-  let stackAreaChartDataForPrimaryAxis = [];
-  let stackAreaChartDataForSecondaryAxis = [];
-  let stackColumnChartDataForPrimaryAxis = [];
-  let stackColumnChartDataForSecondaryAxis = [];
   let primaryStackAxisData = [];
   let secondaryStackAxisData = [];
   let primaryStackAreaAxisData = [];
@@ -16962,7 +17121,7 @@ const CustomColumnChart = ({
           secondaryStackAreaAxisData.push(series);
         }
       }
-      if (series.properties.axis === "Primary") {
+      if (series.properties.axis === axisTypes.primary) {
         primaryStackAxisData.push(series);
         if (series.properties.type == chartTypes.StackColumnChart) {
           primaryStackColumnAxisData.push(series);
@@ -17018,7 +17177,8 @@ const CustomColumnChart = ({
       primaryStackAreaAxisData,
       primaryStackColumnAxisData,
       secondaryStackAreaAxisData,
-      secondaryStackColumnAxisData
+      secondaryStackColumnAxisData,
+      seriesData
     );
     if (primaryStackAxisData.length > 0) {
       let valueArray = [];
@@ -17059,91 +17219,85 @@ const CustomColumnChart = ({
       );
     }
   };
-  const checkAndupdateInputData = (primaryStackAreaAxisData2, primaryStackColumnAxisData2, secondaryStackAreaAxisData2, secondaryStackColumnAxisData2) => {
-    let tempStackAreaChartDataForPrimaryAxis = getStackedData(
+  const checkAndupdateInputData = (primaryStackAreaAxisData2, primaryStackColumnAxisData2, secondaryStackAreaAxisData2, secondaryStackColumnAxisData2, ChartData) => {
+    const tempStackAreaChartDataForPrimaryAxis = getStackedData(
       filteredDimension,
       primaryStackAreaAxisData2,
       false
     );
-    let tempStackAreaChartDataForSecondaryAxis = getStackedData(
+    const tempStackAreaChartDataForSecondaryAxis = getStackedData(
       filteredDimension,
       secondaryStackAreaAxisData2,
       false
     );
-    let tempStackColumnChartDataForPrimaryAxis = getStackedData(
+    const tempStackColumnChartDataForPrimaryAxis = getStackedData(
       filteredDimension,
       primaryStackColumnAxisData2,
       false
     );
-    let tempStackColumnChartDataForSecondaryAxis = getStackedData(
+    const tempStackColumnChartDataForSecondaryAxis = getStackedData(
       filteredDimension,
       secondaryStackColumnAxisData2,
       false
     );
     requiredData = [];
-    stackAreaChartDataForPrimaryAxis = [];
-    stackAreaChartDataForSecondaryAxis = [];
-    stackColumnChartDataForPrimaryAxis = [];
-    stackColumnChartDataForSecondaryAxis = [];
-    if (primaryStackAreaAxisData2.length) {
-      primaryStackAreaAxisData2.forEach((d) => {
-        stackAreaChartDataForPrimaryAxis.push({
-          properties: {
-            axis: d.properties.axis,
-            type: d.properties.type,
-            legend: d.properties.legend
-          },
-          stackData: tempStackAreaChartDataForPrimaryAxis,
-          data: primaryStackAreaAxisData2
-        });
+    const allGeneratedData = [];
+    primaryStackAreaAxisData2.forEach((d) => {
+      allGeneratedData.push({
+        properties: {
+          axis: d.properties.axis,
+          type: d.properties.type,
+          legend: d.properties.legend
+        },
+        stackData: tempStackAreaChartDataForPrimaryAxis,
+        data: primaryStackAreaAxisData2
       });
-    }
-    if (secondaryStackAreaAxisData2.length) {
-      secondaryStackAreaAxisData2.forEach((d) => {
-        stackAreaChartDataForSecondaryAxis.push({
-          properties: {
-            axis: d.properties.axis,
-            type: d.properties.type,
-            legend: d.properties.legend
-          },
-          stackData: tempStackAreaChartDataForSecondaryAxis,
-          data: secondaryStackAreaAxisData2
-        });
+    });
+    secondaryStackAreaAxisData2.forEach((d) => {
+      allGeneratedData.push({
+        properties: {
+          axis: d.properties.axis,
+          type: d.properties.type,
+          legend: d.properties.legend
+        },
+        stackData: tempStackAreaChartDataForSecondaryAxis,
+        data: secondaryStackAreaAxisData2
       });
-    }
-    if (primaryStackColumnAxisData2.length) {
-      primaryStackColumnAxisData2.forEach((d) => {
-        stackAreaChartDataForSecondaryAxis.push({
-          properties: {
-            axis: d.properties.axis,
-            type: d.properties.type,
-            legend: d.properties.legend
-          },
-          stackData: tempStackColumnChartDataForPrimaryAxis,
-          data: primaryStackColumnAxisData2
-        });
+    });
+    primaryStackColumnAxisData2.forEach((d) => {
+      allGeneratedData.push({
+        properties: {
+          axis: d.properties.axis,
+          type: d.properties.type,
+          legend: d.properties.legend
+        },
+        stackData: tempStackColumnChartDataForPrimaryAxis,
+        data: primaryStackColumnAxisData2
       });
-    }
-    if (secondaryStackColumnAxisData2.length) {
-      secondaryStackColumnAxisData2.forEach((d) => {
-        stackColumnChartDataForSecondaryAxis.push({
-          properties: {
-            axis: d.properties.axis,
-            type: d.properties.type,
-            legend: d.properties.legend
-          },
-          stackData: tempStackColumnChartDataForSecondaryAxis,
-          data: secondaryStackColumnAxisData2
-        });
+    });
+    secondaryStackColumnAxisData2.forEach((d) => {
+      allGeneratedData.push({
+        properties: {
+          axis: d.properties.axis,
+          type: d.properties.type,
+          legend: d.properties.legend
+        },
+        stackData: tempStackColumnChartDataForSecondaryAxis,
+        data: secondaryStackColumnAxisData2
       });
+    });
+    allGeneratedData.push(...chartJSON.chartData);
+    if (ChartData.length) {
+      const ordered = [];
+      ChartData.forEach((data2) => {
+        ordered.push(
+          ...allGeneratedData.filter((d) => d.properties?.type === data2.properties.type && d.properties.legend === data2.legend)
+        );
+      });
+      requiredData.push(...ordered);
+    } else {
+      requiredData.push(...allGeneratedData);
     }
-    requiredData.push(
-      ...chartJSON.chartData,
-      ...stackAreaChartDataForPrimaryAxis,
-      ...stackAreaChartDataForSecondaryAxis,
-      ...stackColumnChartDataForPrimaryAxis,
-      ...stackColumnChartDataForSecondaryAxis
-    );
   };
   const initScale = () => {
     let yAxisLabelArray = responsiveYaxisLabel$1(
@@ -17186,7 +17340,7 @@ const CustomColumnChart = ({
     calculatedRange = [0, innerWidth2];
   };
   const getXScale = () => {
-    xScaleForLegends = band().domain(chartJSON.legendList).range([0, columnWidth]).paddingInner(
+    xScaleForLegends = band().domain(chartJSON.legendList.reverse()).range([0, columnWidth]).paddingInner(
       chartJSON.legendList.length > 1 ? 0.3 * parseFloat(formatOptions.plotArea.plotAreaSeriesWidth) / 100 : 0
     );
     xScale = point$7().domain(filteredDimension).range(calculatedRange).padding(0.5);
@@ -17216,6 +17370,15 @@ const CustomColumnChart = ({
       ).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
     if (isSecondaryAxisDrawn) {
+      let responsiveLablesObj = responsiveYaxisLabel$1(
+        customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxRight,
+        chartJSON.yMinRight,
+        innerHeight2,
+        formatOptions,
+        chartJSON,
+        customYaxisMinValue,
+        customYaxisMaxValue
+      );
       yAxisRight = axisRight(yScaleRight).tickFormat(
         (d) => getNumberWithFormat(
           d,
@@ -17224,20 +17387,8 @@ const CustomColumnChart = ({
           formatOptions.secondaryYAxisLabel.secondaryYAxisLabelDecimalPrecision
         )
       ).tickValues(
-        responsiveSecondaryYaxisLabel(
-          secondaryCustomYaxisMaxValue ? secondaryCustomYaxisMaxValue : chartJSON.yMaxRight,
-          chartJSON.yMinRight,
-          formatOptions,
-          chartJSON
-        ).secondaryYAxisLabelArray
-      ).ticks(
-        responsiveSecondaryYaxisLabel(
-          secondaryCustomYaxisMaxValue ? secondaryCustomYaxisMaxValue : chartJSON.yMaxRight,
-          chartJSON.yMinRight,
-          formatOptions,
-          chartJSON
-        ).secondaryCustomTickValue ?? innerHeight2 / 30
-      ).tickSize(
+        responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray
+      ).ticks(responsiveLablesObj.customTickValue).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
       ).tickPadding(8).tickSizeOuter(0);
     }
@@ -17254,10 +17405,8 @@ const CustomColumnChart = ({
           drawColumnChart(data2);
           break;
         case chartTypes.LineChart:
-          drawLineChart([data2]);
           break;
         case chartTypes.AreaChart:
-          drawAreaChart([data2]);
           break;
         case chartTypes.StackColumnChart:
           stackColumnData = createStackData(data2);
@@ -17269,6 +17418,14 @@ const CustomColumnChart = ({
           break;
       }
     });
+    const lineSeries = filteredData.filter((d) => d.properties.type === chartTypes.LineChart);
+    if (lineSeries.length) {
+      drawLineChart(lineSeries);
+    }
+    const AreaSeries = filteredData.filter((d) => d.properties.type === chartTypes.AreaChart);
+    if (AreaSeries.length) {
+      drawAreaChart(AreaSeries);
+    }
     gTag.selectAll(".parentGroup").raise();
   };
   const drawColumnChart = (data2) => {
@@ -17279,19 +17436,15 @@ const CustomColumnChart = ({
       "hoverId",
       (d) => d.legend.includes("-") ? d.legend.replace("-", "`").split("`")[1].replace(/ /g, "-") : d.legend.replace(/ /g, "-")
     ).attr("transform", (d) => `translate(${xScale(d.dimension)}, 0)`);
-    columnGroups.attr(
-      "transform",
-      (d) => `translate(${xScale(d.dimension) - columnWidth / 2}, 0)`
-    );
     columnGroupsEnter.merge(columnGroups).attr(
       "transform",
       (d) => `translate(${xScale(d.dimension) - columnWidth / 2}, 0)`
     );
     columnGroupsEnter.append("rect").attr("x", (d) => xScaleForLegends(d.legend)).attr("width", xScaleForLegends.bandwidth()).attr("y", (d) => {
-      const yScale = data2.properties.axis === "Primary" ? yScaleLeft : yScaleRight;
+      const yScale = data2.properties.axis === axisTypes.primary ? yScaleLeft : yScaleRight;
       return d.value > 0 ? yScale(d.value) : yScale(0);
     }).attr("height", (d) => {
-      const yScale = data2.properties.axis === "Primary" ? yScaleLeft : yScaleRight;
+      const yScale = data2.properties.axis === axisTypes.primary ? yScaleLeft : yScaleRight;
       return Math.abs(yScale(d.value) - yScale(0));
     }).attr("fill", data2.properties.color).attr("stroke-dasharray", (d) => d.stackBorderStyle === 2 ? "5,3" : "0").attr("stroke-width", (d) => `${d.stackBorderWidth}px`).attr(
       "stroke",
@@ -17327,7 +17480,8 @@ const CustomColumnChart = ({
           }
         ],
         formatOptions,
-        event2
+        event2,
+        seriesData.filter((e) => e.legend === d.legend)[0].properties
       );
     }).on("mouseout", hideTooltipOnMouseOut);
     columnGroups.exit().remove();
@@ -17342,13 +17496,13 @@ const CustomColumnChart = ({
     const lineGenerator = line$1().x(
       (d) => xScale(d.dimension) ? xScale(d.dimension) : null
     ).y(
-      (d) => d.axis == "Primary" ? yScaleLeft(d.value) : yScaleRight(d.value)
+      (d) => d.axis == axisTypes.primary ? yScaleLeft(d.value) : yScaleRight(d.value)
     ).defined((d) => d.hideZero ? Boolean(d.value) : true).curve(getCurveType(formatOptions));
-    let lines = gTag.selectAll(".parentGroup").data([lineData]);
+    let lines = gTag.selectAll(".lines.parentGroup").data([1]);
     lines = lines.enter().append("g").attr("class", "lines parentGroup").merge(lines);
-    let lineGroups = lines.selectAll(".line-group").data((d) => d);
+    let lineGroups = lines.selectAll(".line-group").data(lineData, (d) => d.legend);
     let lineGroupsEnter = lineGroups.enter().append("g").attr("class", "line-group");
-    lineGroupsEnter.attr("hoverId", (d) => d.legend.replace(/ /g, "-")).append("path").attr("class", "line").attr("fill", "none");
+    lineGroupsEnter.attr("hoverId", (d) => (d.properties.alias || d.properties.name || "Legend").replace(/\s+/g, "-")).append("path").attr("class", "line").attr("fill", "none");
     lineGroupsEnter.merge(lineGroups).select("path").attr("d", (d) => lineGenerator(d.data)).attr(
       "stroke",
       (d) => d.properties.color !== "#ffffff" ? d.properties.color : "none"
@@ -17357,13 +17511,13 @@ const CustomColumnChart = ({
         case staticLineStyle.dotted:
           return "0,3";
         case staticLineStyle.dashed:
-          return "20,10,5,5,5,10";
+          return strokeDashValues;
         default:
           return "";
       }
     }).attr(
       "stroke-linecap",
-      (d) => d.properties.lineStyle === staticLineStyle.dotted ? "round" : ""
+      (d) => d.properties.lineStyle === staticLineStyle.dotted ? strokeLineCap.round : ""
     ).attr(
       "stroke-width",
       (d) => d.properties.lineStyle !== "None" ? d.properties.lineWidth : "0"
@@ -17372,7 +17526,7 @@ const CustomColumnChart = ({
     lineMarkers(
       lines,
       lineData,
-      "CombiLine",
+      chartTypes.CombinationLine,
       xScale,
       yScaleLeft,
       yScaleRight,
@@ -17386,27 +17540,33 @@ const CustomColumnChart = ({
     );
   };
   const drawAreaChart = (lineData) => {
+    lineData.forEach((lData) => {
+      lData.data.forEach((cData) => {
+        cData.hideZero = lData.properties.hideZeroValues;
+        cData.axis = lData.properties.axis;
+      });
+    });
     const areaGenerator = area().x(
       (d) => xScale(d.dimension) ? xScale(d.dimension) : null
     ).y0(
       (d) => (
-        // d.axis == "Primary" ?
+        // d.axis == axisTypes.primary ?
         yScaleLeft(0)
       )
       // : yScaleRight(0)
     ).y1(
       (d) => (
-        // d.axis == "Primary" ?
+        // d.axis == axisTypes.primary ?
         yScaleLeft(d.value)
       )
       // : yScaleRight((d as TDataPoint).value)
     ).defined((d) => d.hideZero ? Boolean(d.value) : true).curve(getCurveType(formatOptions));
-    let areas = gTag.selectAll(".parentGroup").data([lineData]);
+    let areas = gTag.selectAll(".areas.parentGroup").data([1]);
     let focus = gTag.append("g").attr("class", "focusClass");
     areas = areas.enter().append("g").attr("class", "areas parentGroup").merge(areas);
-    let areaGroups = areas.selectAll(".area-group").data((d) => d);
+    let areaGroups = areas.selectAll(".area-group").data(lineData, (d) => d.legend);
     let areaGroupsEnter = areaGroups.enter().append("g").attr("class", "area-group");
-    areaGroupsEnter.attr("hoverId", (d) => d.legend.replace(/ /g, "-")).append("path").attr("class", "area").attr(
+    areaGroupsEnter.attr("hoverId", (d) => (d.properties.alias || d.properties.name || "Legend").replace(/\s+/g, "-")).append("path").attr("class", "area").attr(
       "fill",
       (d) => d.properties.color !== "#ffffff" ? d.properties.color : "none"
     ).style("fill-opacity", formatOptions.plotArea.fillOpacity);
@@ -17418,13 +17578,13 @@ const CustomColumnChart = ({
         case "dotted":
           return "0,3";
         case "dashed":
-          return "20,10,5,5,5,10";
+          return strokeDashValues;
         default:
           return "";
       }
     }).attr(
       "stroke-linecap",
-      (d) => d.properties.lineStyle === "dotted" ? "round" : ""
+      (d) => d.properties.lineStyle === "dotted" ? strokeLineCap.round : ""
     ).attr(
       "stroke-width",
       (d) => d.properties.lineStyle !== "None" && formatOptions.plotArea.plotAreaHideLineAndMarkers ? d.properties.lineWidth : "0"
@@ -17440,30 +17600,48 @@ const CustomColumnChart = ({
       chartType
     );
     areaGroups.exit().remove();
+    lineMarkers(
+      areas,
+      lineData,
+      chartTypes.CombinationArea,
+      xScale,
+      yScaleLeft,
+      yScaleRight,
+      null,
+      formatOptions,
+      chartJSON,
+      secondaryCustomYaxisMaxValue,
+      secondaryCustomYaxisMinValue,
+      customYaxisMinValue,
+      customYaxisMaxValue
+    );
   };
   const drawStackAreaChart = (data2) => {
+    data2.data.forEach((lData) => {
+      lData.data.forEach((cData) => {
+        cData.hideZero = lData.properties.hideZeroValues;
+        cData.axis = lData.properties.axis;
+      });
+    });
     const areaGenerator = area().x(
       (d) => xScale(d.data.dimension) ? xScale(d.data.dimension) : null
     ).y0(
-      (d) => d.data.axis == "Primary" ? yScaleLeft(0) : yScaleRight(0)
+      (d) => d.data.axis == axisTypes.primary ? yScaleLeft(0) : yScaleRight(0)
     ).y1(
-      (d) => d.data.axis == "Primary" ? d[1] > 0 ? yScaleLeft(d[1]) : yScaleLeft(d[0]) : d[1] > 0 ? yScaleRight(d[1]) : yScaleRight(d[0])
+      (d) => d.data.axis == axisTypes.primary ? d[1] > 0 ? yScaleLeft(d[1]) : yScaleLeft(d[0]) : d[1] > 0 ? yScaleRight(d[1]) : yScaleRight(d[0])
     ).defined((d) => d.hideZero ? Boolean(d.key) : true).curve(getCurveType(formatOptions));
     let areas = gTag.selectAll(".parentGroup").data([stackAreaData]);
     gTag.append("g").attr("class", "focusClass");
     areas = areas.enter().append("g").attr("class", "areas parentGroup").merge(areas);
     let areaGroups = areas.selectAll(".area-group").data((d) => d);
     let areaGroupsEnter = areaGroups.enter().append("g").attr("class", (d) => "area-group " + d.key.replace(/ /g, "-"));
-    areaGroupsEnter.attr(
-      "hoverId",
-      (d) => d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
-    ).append("path").attr("class", "area").attr("fill", (d) => d.color !== "#ffffff" ? d.color : "none");
+    areaGroupsEnter.attr("hoverId", (d) => (data2.data.filter((e) => e.legend === d.key)[0].properties.alias || data2.data.filter((e) => e.legend === d.key)[0].properties.name || "Legend").replace(/\s+/g, "-")).append("path").attr("class", "area").attr("fill", (d) => d.color !== "#ffffff" ? d.color : "none");
     areaGroupsEnter.merge(areaGroups).select("path").attr("d", (d, i) => areaGenerator(d)).style("opacity", formatOptions.plotArea.fillOpacity).attr("stroke", (d) => d.color !== "#ffffff" ? d.color : "none").attr(
       "stroke-dasharray",
-      (d, i) => seriesData[i].properties.lineStyle === "dotted" ? "0,3" : seriesData[i].properties.lineStyle === "dashed" ? "20,10,5,5,5,10" : ""
+      (d, i) => seriesData[i].properties.lineStyle === "dotted" ? "0,3" : seriesData[i].properties.lineStyle === "dashed" ? strokeDashValues : ""
     ).attr(
       "stroke-linecap",
-      (d, i) => seriesData[i].properties.lineStyle === "dotted" ? "round" : ""
+      (d, i) => seriesData[i].properties.lineStyle === "dotted" ? strokeLineCap.round : ""
     ).attr(
       "stroke-width",
       (d, i) => seriesData[i].properties.lineStyle !== "None" ? seriesData[i].properties.lineWidth : "0"
@@ -17472,7 +17650,7 @@ const CustomColumnChart = ({
     lineMarkers(
       areas,
       data2.data,
-      "CombiStackArea",
+      chartTypes.CombinationStackArea,
       xScale,
       yScaleLeft,
       yScaleRight,
@@ -17494,16 +17672,16 @@ const CustomColumnChart = ({
     let rects = stackColumnGroups.selectAll("rect").data((d) => d);
     rects.enter().append("rect").attr(
       "transform",
-      (d) => `translate(${xScale(d.data.dimension) - columnWidth / 2},0)`
+      (d) => `translate(${xScale(d.data.dimension) - columnWidth},0)`
     ).merge(rects).attr(
       "hoverId",
       (d) => d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
     ).attr("x", (d) => xScaleForLegends("stackLegend")).attr(
       "y",
-      (d) => d.data.axis === "Primary" ? yScaleLeft(d[1]) : yScaleRight(d[1])
+      (d) => d.data.axis === axisTypes.primary ? yScaleLeft(d[1]) : yScaleRight(d[1])
     ).attr(
       "height",
-      (d) => d.data.axis === "Primary" ? customYaxisMaxValue && d[1] > customYaxisMaxValue ? yScaleLeft(d[0]) - yScaleLeft(customYaxisMaxValue) : yScaleLeft(d[0]) - yScaleLeft(d[1]) : secondaryCustomYaxisMaxValue && d[1] > secondaryCustomYaxisMaxValue ? yScaleRight(d[0]) - yScaleRight(secondaryCustomYaxisMaxValue) : yScaleRight(d[0]) - yScaleRight(d[1])
+      (d) => d.data.axis === axisTypes.primary ? customYaxisMaxValue && d[1] > customYaxisMaxValue ? yScaleLeft(d[0]) - yScaleLeft(customYaxisMaxValue) : yScaleLeft(d[0]) - yScaleLeft(d[1]) : secondaryCustomYaxisMaxValue && d[1] > secondaryCustomYaxisMaxValue ? yScaleRight(d[0]) - yScaleRight(secondaryCustomYaxisMaxValue) : yScaleRight(d[0]) - yScaleRight(d[1])
     ).attr("width", xScaleForLegends.bandwidth()).attr("fill", (d, i, nodes) => {
       const seriesIndex = Array.from(seriesData).findIndex(
         (sdata) => sdata.legend === d.key
@@ -17547,7 +17725,8 @@ const CustomColumnChart = ({
           }
         ],
         formatOptions,
-        event2
+        event2,
+        seriesData.filter((e) => e.legend === d.key)[0].properties
       );
     }).on("mouseout", hideTooltipOnMouseOut);
     stackColumnGroups.exit().remove();
@@ -17564,7 +17743,8 @@ const CustomColumnChart = ({
       primaryStackAreaAxisData,
       primaryStackColumnAxisData,
       secondaryStackAreaAxisData,
-      secondaryStackColumnAxisData
+      secondaryStackColumnAxisData,
+      fData
     );
     filteredData = JSON.parse(JSON.stringify(requiredData));
     filteredData.forEach((data2, i) => {
@@ -18011,7 +18191,9 @@ const LayeredColumnChart = ({
         )
       ).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
-      ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
+      ).tickValues(
+        responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray
+      ).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
   };
   const getXAxis = () => {
@@ -18031,7 +18213,13 @@ const LayeredColumnChart = ({
       let column = gTag.selectAll(".parentGroup").data([data2], (d) => d.legend);
       column = column.enter().append("g").attr("class", `column parentGroup`).merge(column);
       let columnGroups = column.selectAll(".column-group").data(data2.data, (d) => d.legend + d.dimension);
-      let columnGroupsEnter = columnGroups.enter().append("g").attr("class", "column-group").attr("hoverId", (data2.properties.alias || data2.properties.name || "Legend").replace(/\s+/g, "-")).attr(
+      let columnGroupsEnter = columnGroups.enter().append("g").attr("class", "column-group").attr(
+        "hoverId",
+        (data2.properties.alias || data2.properties.name || "Legend").replace(
+          /\s+/g,
+          "-"
+        )
+      ).attr(
         "transform",
         (d) => index2 === 0 ? `translate(${xScale(d.dimension) - columnWidth / 2}, 0)` : `translate(${xScale(d.dimension) - columnWidth / (2 + index2 * 2)}, 0)`
       );
@@ -18044,10 +18232,10 @@ const LayeredColumnChart = ({
         (d) => index2 === 0 ? `translate(${xScale(d.dimension) - columnWidth / 2}, 0)` : `translate(${xScale(d.dimension) - columnWidth / (2 + index2 * 2)}, 0)`
       );
       columnGroupsEnter.append("rect").attr("x", (d) => xScaleForLegends(d.dimension)).attr("width", index2 === 0 ? columnWidth : columnWidth / 2 + index2 * 2).attr("y", (d) => {
-        const yScale = data2.properties.axis === "Primary" ? yScaleLeft : yScaleRight;
+        const yScale = data2.properties.axis === axisTypes.primary ? yScaleLeft : yScaleRight;
         return d.value > 0 ? yScale(d.value) : yScale(0);
       }).attr("height", (d) => {
-        const yScale = data2.properties.axis === "Primary" ? yScaleLeft : yScaleRight;
+        const yScale = data2.properties.axis === axisTypes.primary ? yScaleLeft : yScaleRight;
         return Math.abs(yScale(d.value) - yScale(0));
       }).attr("fill", data2.properties.color).attr(
         "stroke-dasharray",
@@ -18208,11 +18396,8 @@ const StackColumnChart = ({
   let scrollbarVisible = false;
   const chartType = chartTypes.StackColumnChart;
   const svgRef = useRef();
-  const seriesData = generalizedChartData(
-    data.ChartData,
-    data.DimensionList
-  )?.reverse();
   const dimensionList = data.DimensionList;
+  const seriesData = (generalizedChartData(data.ChartData, data.DimensionList) || []).reverse();
   const barChart = false;
   const isSecondaryAxisDrawn = false;
   let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
@@ -18254,6 +18439,7 @@ const StackColumnChart = ({
   let scrollPosition = 0;
   let visibleBars;
   let stackChartData = [];
+  let totalValueMap = /* @__PURE__ */ new Map();
   const isNormalizedChart = false;
   let chartJSON = {
     dimensionList,
@@ -18408,7 +18594,7 @@ const StackColumnChart = ({
       width,
       legendMargin,
       formatOptions,
-      seriesData,
+      [...seriesData].reverse(),
       chartId,
       staticLegendShape.rectangle
     );
@@ -18509,7 +18695,9 @@ const StackColumnChart = ({
         )
       ).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + 0 : 0 : 0
-      ).tickValues(respParams.autoLabelFlag ? void 0 : respParams.yAxisLabelArray).ticks(respParams.customTickValue).tickPadding(8).tickSizeOuter(0);
+      ).tickValues(
+        respParams.autoLabelFlag ? void 0 : respParams.yAxisLabelArray
+      ).ticks(respParams.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
   };
   const getXAxis = () => {
@@ -18608,6 +18796,7 @@ const StackColumnChart = ({
     filteredData = fData;
     filteredDimension = fDimension;
     visibleBars = fVisibleBars;
+    createTotalMeasureValueMap(data, totalValueMap, filteredDimension);
     drawLineChart();
   };
   const drawLineChart = () => {
@@ -18657,6 +18846,20 @@ const StackColumnChart = ({
       dataTableHeight,
       isReportEditable
     );
+    addTotalValue(
+      totalValueMap,
+      xScale,
+      yScaleLeft,
+      margin,
+      d3Annotation,
+      [],
+      formatOptions,
+      chartType,
+      height,
+      width,
+      svg,
+      isReportEditable
+    );
     if (formatOptions.dataTableProperties && formatOptions.dataTableProperties.dataTable) {
       if (formatOptions.xAxisLabel.xAxisPosition != "1") {
         formatOptions.xAxisLabel.xAxisLabelVisibility = false;
@@ -19128,7 +19331,7 @@ const NormalizedStackColumnChart = ({
       width,
       legendMargin,
       formatOptions,
-      seriesData,
+      [...seriesData].reverse(),
       chartId,
       staticLegendShape.rectangle
     );
@@ -19261,7 +19464,10 @@ const NormalizedStackColumnChart = ({
     let columns = gTag.selectAll(".parentGroup").data([stackChartData]);
     columns = columns.enter().append("g").attr("class", "columns parentGroup").merge(columns);
     let columnGroups = columns.selectAll(".column-group").data((d) => d);
-    let columnGroupsEnter = columnGroups.enter().append("g").attr("class", (d) => "column-group " + d.key.replace(/ /g, "-")).attr("hoverId", (d) => (lineData[d.index].properties.alias || lineData[d.index].properties.name || "Legend").replace(/\s+/g, "-"));
+    let columnGroupsEnter = columnGroups.enter().append("g").attr("class", (d) => "column-group " + d.key.replace(/ /g, "-")).attr(
+      "hoverId",
+      (d) => (lineData[d.index].properties.alias || lineData[d.index].properties.name || "Legend").replace(/\s+/g, "-")
+    );
     columnGroups = columnGroupsEnter.merge(columnGroups);
     let rects = columnGroups.selectAll("rect").data((d) => d);
     const getPropsForRect = (nodes, i) => {
@@ -20688,6 +20894,9 @@ const LineChart = ({
     let yMinLeft = Infinity;
     let yMaxRight = -Infinity;
     let yMinRight = Infinity;
+    if (formatOptions.plotArea.hideZeroValues) {
+      chartJSON.hideZeroValues = true;
+    }
     seriesData.forEach((series) => {
       legendList.push(
         series.properties.alias ? series.properties.alias : series.legend
@@ -20726,9 +20935,6 @@ const LineChart = ({
     } else {
       filteredDimension = chartJSON.dimensionList;
     }
-    if (formatOptions.plotArea.hideZeroValues) {
-      chartJSON.hideZeroValues = true;
-    }
   };
   const initScale = () => {
     let yAxisLabelArray = responsiveYaxisLabel$1(
@@ -20804,7 +21010,9 @@ const LineChart = ({
         )
       ).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
-      ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
+      ).tickValues(
+        responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray
+      ).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
     if (isSecondaryAxisDrawn) {
       let responsiveSecondaryLablesObj = responsiveSecondaryYaxisLabel(
@@ -20820,7 +21028,9 @@ const LineChart = ({
           formatOptions.secondaryYAxisLabel.secondaryYAxisNumberFormat,
           formatOptions.secondaryYAxisLabel.secondaryYAxisLabelDecimalPrecision
         )
-      ).tickValues(responsiveSecondaryLablesObj.autoLabelFlag ? void 0 : responsiveSecondaryLablesObj.secondaryYAxisLabelArray).ticks(responsiveSecondaryLablesObj.secondaryCustomTickValue).tickSize(
+      ).tickValues(
+        responsiveSecondaryLablesObj.autoLabelFlag ? void 0 : responsiveSecondaryLablesObj.secondaryYAxisLabelArray
+      ).ticks(responsiveSecondaryLablesObj.secondaryCustomTickValue).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
       ).tickPadding(8).tickSizeOuter(0);
     }
@@ -20841,8 +21051,10 @@ const LineChart = ({
       const val = xScale(d.dimension);
       return val != null ? val : 0;
     }).y(
-      (d) => d.axis === "Primary" ? yScaleLeft(d.value) : yScaleRight(d.value)
-    ).defined((d) => d.hideZero ? Boolean(d.value) : true).curve(getCurveType(formatOptions));
+      (d) => d.axis === axisTypes.primary ? yScaleLeft(d.value) : yScaleRight(d.value)
+    ).defined(
+      (d) => d.hideZero || chartJSON.hideZeroValues ? Boolean(d.value) : true
+    ).curve(getCurveType(formatOptions));
     let lines = gTag.selectAll(".parentGroup").data([lineData]);
     lines = lines.enter().append("g").attr("class", "lines parentGroup").merge(lines);
     let lineGroups = lines.selectAll(".line-group").data((d) => d);
@@ -20854,32 +21066,25 @@ const LineChart = ({
         "stroke",
         (d2) => d2.properties.color !== "#ffffff" ? d2.properties.color : "none"
       ).attr("stroke-dasharray", (d2) => {
+        const lineWidth = parseInt(d2.properties.lineWidth);
         switch (d2.properties.lineStyle) {
           case staticLineStyle.dotted:
-            return "0,3";
+            return `0,${lineWidth + 2}`;
           case staticLineStyle.dashed:
-            return "20,10,5,5,5,10";
+            return strokeDashValues;
           default:
             return "";
         }
       }).attr(
         "stroke-linecap",
-        (d2) => d2.properties.lineStyle === staticLineStyle.dotted ? "round" : ""
+        (d2) => d2.properties.lineStyle === staticLineStyle.dotted ? strokeLineCap.round : ""
       ).attr(
         "stroke-width",
-        (d2) => d2.properties.lineStyle !== "None" ? 2.5 : 0
-      ).attr("hoverId", (d.properties.alias || lineGroups.properties.name || "Legend").replace(/\s+/g, "-")).attr("d", (d2) => lineGenerator(d2.data));
-      g.selectAll("path.hoverLine").data([d]).join("path").attr("class", "hoverLine").attr("d", (d2) => lineGenerator(d2.data)).attr("stroke", "transparent").attr("stroke-width", 20).attr("fill", "none").style("pointer-events", "stroke").on("mouseenter", function(event2, d2) {
-        svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
-        svg.selectAll(
-          '[hoverId="' + getJQuerySelector(d2.properties.alias || d2.properties.name || "Legend").replace(/\s+/g, "-") + '"]'
-        ).classed("highlight", true).classed("unhighlight", false);
-      }).on("mouseleave", function(event2, d2) {
-        svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", false);
-        svg.selectAll(
-          '[hoverId="' + getJQuerySelector(d2.properties?.alias || d2.properties?.name || "Legend").replace(/\s+/g, "-") + '"]'
-        ).classed("highlight", false).classed("unhighlight", false);
-      });
+        (d2) => d2.properties.lineStyle !== "None" ? d2.properties.lineWidth : 0
+      ).attr(
+        "hoverId",
+        (d.properties.alias || lineGroups.properties.name || "Legend").replace(/\s+/g, "-")
+      ).attr("d", (d2) => lineGenerator(d2.data));
     });
     lineGroups.exit().remove();
     lineMarkers(
@@ -21006,12 +21211,10 @@ const StackLineChart = ({
   const barWidth = 0;
   const chartType = chartTypes.StackLineChart;
   const svgRef = useRef();
-  const seriesData = generalizedChartData(
-    data.ChartData,
-    data.DimensionList
-  )?.reverse() || [];
   const dimensionList = data.DimensionList;
+  const seriesData = (generalizedChartData(data.ChartData, data.DimensionList) || []).reverse();
   const barChart = false;
+  const totalValueMap = /* @__PURE__ */ new Map();
   const isSecondaryAxisDrawn = false;
   let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
   let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
@@ -21200,7 +21403,7 @@ const StackLineChart = ({
       width,
       legendMargin,
       formatOptions,
-      seriesData,
+      [...seriesData].reverse(),
       chartId,
       staticLegendShape.line
     );
@@ -21218,10 +21421,27 @@ const StackLineChart = ({
       false,
       setAndUpdateChartData
     );
+    addTotalValue(
+      totalValueMap,
+      xScale,
+      yScaleLeft,
+      margin,
+      d3Annotation,
+      [],
+      formatOptions,
+      chartType,
+      height,
+      width,
+      svg,
+      isReportEditable
+    );
   };
   const preProcessChartData = () => {
     const allChartData = [];
     const legendList = [];
+    if (formatOptions.plotArea.hideZeroValues) {
+      chartJSON.hideZeroValues = true;
+    }
     seriesData.forEach((series, index2) => {
       const prefixedLegend = `${index2}~$~${series.properties.alias ? series.properties.alias : series.legend}`;
       series.properties.legend = prefixedLegend;
@@ -21270,9 +21490,6 @@ const StackLineChart = ({
     chartJSON.dimensionList.forEach((d, i) => {
       chartJSON.formattedDimensionListMap.set(d, formatedDimensionList[i]);
     });
-    if (formatOptions.plotArea.hideZeroValues) {
-      chartJSON.hideZeroValues = true;
-    }
   };
   const initScale = () => {
     let yAxisLabelArray = responsiveYaxisLabel$1(
@@ -21336,7 +21553,9 @@ const StackLineChart = ({
         )
       ).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
-      ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
+      ).tickValues(
+        responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray
+      ).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
   };
   const getXAxis = () => {
@@ -21353,7 +21572,10 @@ const StackLineChart = ({
     });
     const lineGenerator = line$1().x(
       (d) => xScale(d.data.dimension) ? xScale(d.data.dimension) : null
-    ).y((d) => d[1] > 0 ? yScaleLeft(d[1]) : yScaleLeft(d[0])).curve(getCurveType(formatOptions));
+    ).y((d) => d[1] > 0 ? yScaleLeft(d[1]) : yScaleLeft(d[0])).defined((d) => {
+      const a2 = d;
+      return a2.hideZero || chartJSON.hideZeroValues ? a2.data[a2.key] : true;
+    }).curve(getCurveType(formatOptions));
     let lines = gTag.selectAll(".parentGroup").data([stackChartData]);
     lines = lines.enter().append("g").attr("class", "lines parentGroup").merge(lines);
     let lineGroups = lines.selectAll(".line-group").data((d) => d);
@@ -21361,15 +21583,27 @@ const StackLineChart = ({
     lineGroupsEnter.append("path").attr("class", "line").attr("fill", "none");
     lineGroupsEnter.merge(lineGroups).each(function(d, i) {
       const g = select$2(this);
-      const pathSel = g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine").attr("hoverId", (d2) => (seriesData[i]?.properties?.alias || seriesData[i]?.properties?.name || "Legend").replace(/\s+/g, "-")).attr("d", lineGenerator(d)).attr("stroke", d.color !== "#ffffff" ? d.color : "none").attr(
-        "stroke-dasharray",
-        seriesData[i].properties.lineStyle === "dotted" ? "0,3" : seriesData[i].properties.lineStyle === "dashed" ? "20,10,5,5,5,10" : ""
-      ).attr(
+      const pathSel = g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine").attr(
+        "hoverId",
+        (d2) => (seriesData[i]?.properties?.alias || seriesData[i]?.properties?.name || "Legend").replace(/\s+/g, "-")
+      ).attr("d", lineGenerator(d)).attr("stroke", d.color !== "#ffffff" ? d.color : "none").attr("stroke-dasharray", (d2) => {
+        const lineWidth = parseInt(
+          seriesData[i].properties.lineWidth.toString()
+        );
+        switch (seriesData[i].properties.lineStyle) {
+          case staticLineStyle.dotted:
+            return `0,${lineWidth + 2}`;
+          case staticLineStyle.dashed:
+            return strokeDashValues;
+          default:
+            return "";
+        }
+      }).attr(
         "stroke-linecap",
-        seriesData[i].properties.lineStyle === "dotted" ? "round" : ""
+        seriesData[i].properties.lineStyle === staticLineStyle.dotted ? strokeLineCap.round : ""
       ).attr(
         "stroke-width",
-        seriesData[i].properties.lineStyle !== "None" ? 2.5 : 0
+        seriesData[i].properties.lineStyle !== staticLineStyle.none ? seriesData[i].properties.lineWidth : 0
       ).attr("fill", "none");
       const totalLength = pathSel.node().getTotalLength();
       {
@@ -21378,7 +21612,9 @@ const StackLineChart = ({
       g.selectAll("path.hoverLine").data([d]).join("path").attr("class", "hoverLine").attr("d", lineGenerator(d)).attr("stroke", "transparent").attr("stroke-width", 20).attr("fill", "none").style("pointer-events", "stroke").on("mouseenter", function() {
         svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
         svg.selectAll(
-          '[hoverId="' + getJQuerySelector(seriesData[i].properties.alias || seriesData[i].properties.name || "Legend").replace(/\s+/g, "-") + '"]'
+          '[hoverId="' + getJQuerySelector(
+            seriesData[i].properties.alias || seriesData[i].properties.name || "Legend"
+          ).replace(/\s+/g, "-") + '"]'
         ).classed("highlight", true).classed("unhighlight", false);
       }).on("mouseleave", function() {
         svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", false);
@@ -21509,7 +21745,11 @@ const StackLineChart = ({
       (K2, j) => K2.forEach((d) => {
         d["key"] = K2.key;
         K2["color"] = JSON.parse(JSON.stringify(seriesData[j].properties.color));
-        K2["individualAnnotationVisibility"] = JSON.parse(JSON.stringify(seriesData[j].properties.individualAnnotationVisibility));
+        K2["individualAnnotationVisibility"] = JSON.parse(
+          JSON.stringify(
+            seriesData[j].properties.individualAnnotationVisibility
+          )
+        );
         d.data.labelPosition = seriesData[j].properties.dataLabelPosition;
         d.data["labelColor"] = seriesColor == "2" ? JSON.parse(JSON.stringify(seriesData[j].properties.color)) : seriesData[j].properties.labelColor;
         d["hideZero"] = JSON.parse(
@@ -21522,6 +21762,7 @@ const StackLineChart = ({
     filteredData = fData;
     filteredDimension = fDimension;
     visibleBars = fVisibleBars;
+    createTotalMeasureValueMap(data, totalValueMap, filteredDimension);
     drawLineChart();
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -21544,10 +21785,7 @@ const NormalisedStackLineChart = ({
   const barWidth = 0;
   const chartType = chartTypes.NormalizedStackLineChart;
   const svgRef = useRef();
-  const seriesData = generalizedChartData(
-    data.ChartData,
-    data.DimensionList
-  )?.reverse() || [];
+  const seriesData = generalizedChartData(data.ChartData, data.DimensionList)?.reverse() || [];
   const dimensionList = data.DimensionList;
   const barChart = false;
   const isSecondaryAxisDrawn = false;
@@ -21730,7 +21968,7 @@ const NormalisedStackLineChart = ({
       width,
       legendMargin,
       formatOptions,
-      seriesData,
+      [...seriesData].reverse(),
       chartId,
       staticLegendShape.line
     );
@@ -21752,6 +21990,12 @@ const NormalisedStackLineChart = ({
   const preProcessChartData = () => {
     const allChartData = [];
     const legendList = [];
+    if (formatOptions.plotArea.hideZeroValues) {
+      chartJSON.hideZeroValues = true;
+      seriesData.forEach((series) => {
+        series.data = series.data.filter((d) => d.value !== 0);
+      });
+    }
     seriesData.forEach((series, index2) => {
       const prefixedLegend = `${index2}~$~${series.properties.legend}`;
       series.properties.legend = prefixedLegend;
@@ -21764,9 +22008,6 @@ const NormalisedStackLineChart = ({
     chartJSON.legendList = legendList;
     filteredData = JSON.parse(JSON.stringify(seriesData));
     filteredDimension = chartJSON.dimensionList;
-    if (formatOptions.plotArea.hideZeroValues) {
-      chartJSON.hideZeroValues = true;
-    }
     const tempStackLineData = getStackedData(
       chartJSON.dimensionList,
       seriesData,
@@ -21853,18 +22094,30 @@ const NormalisedStackLineChart = ({
     lines = lines.enter().append("g").attr("class", "lines parentGroup").merge(lines);
     let lineGroups = lines.selectAll(".line-group").data((d) => d);
     let lineGroupsEnter = lineGroups.enter().append("g").attr("class", (d) => "line-group " + d.key.replace(/ /g, "-"));
-    lineGroupsEnter.attr("hoverId", (d) => (lineData[d.index]?.properties?.alias || lineData[d.index]?.properties?.name || "Legend").replace(/\s+/g, "-")).append("path").attr("class", "line").attr("fill", "none");
+    lineGroupsEnter.attr(
+      "hoverId",
+      (d) => (lineData[d.index]?.properties?.alias || lineData[d.index]?.properties?.name || "Legend").replace(/\s+/g, "-")
+    ).append("path").attr("class", "line").attr("fill", "none");
     lineGroupsEnter.merge(lineGroups).each(function(d, i) {
       const g = select$2(this);
-      const pathSel = g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine").attr("d", lineGenerator(d)).attr("stroke", d.color !== "#ffffff" ? d.color : "none").attr(
-        "stroke-dasharray",
-        seriesData[i].properties.lineStyle === "dotted" ? "0,3" : seriesData[i].properties.lineStyle === "dashed" ? "20,10,5,5,5,10" : ""
-      ).attr(
+      const pathSel = g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine").attr("d", lineGenerator(d)).attr("stroke", d.color !== "#ffffff" ? d.color : "none").attr("stroke-dasharray", (d2) => {
+        const lineWidth = parseInt(
+          seriesData[i].properties.lineWidth.toString()
+        );
+        switch (seriesData[i].properties.lineStyle) {
+          case staticLineStyle.dotted:
+            return `0,${lineWidth + 2}`;
+          case staticLineStyle.dashed:
+            return strokeDashValues;
+          default:
+            return "";
+        }
+      }).attr(
         "stroke-linecap",
-        seriesData[i].properties.lineStyle === "dotted" ? "round" : ""
+        seriesData[i].properties.lineStyle === staticLineStyle.dotted ? strokeLineCap.round : ""
       ).attr(
         "stroke-width",
-        seriesData[i].properties.lineStyle !== "None" ? 2.5 : 0
+        seriesData[i].properties.lineStyle !== staticLineStyle.none ? seriesData[i].properties.lineWidth : 0
       ).attr("fill", "none");
       const totalLength = pathSel.node().getTotalLength();
       {
@@ -21872,10 +22125,18 @@ const NormalisedStackLineChart = ({
       }
       g.selectAll("path.hoverLine").data([d]).join("path").attr("class", "hoverLine").attr("d", lineGenerator(d)).attr("stroke", "transparent").attr("stroke-width", 20).attr("fill", "none").style("pointer-events", "stroke").on("mouseenter", function(event2, d2) {
         svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
-        svg.selectAll('[hoverId="' + getJQuerySelector(lineData[d2.index]?.properties?.alias || lineData[d2.index]?.properties?.name || "Legend").replace(/\s+/g, "-") + '"]').classed("highlight", true).classed("unhighlight", false);
+        svg.selectAll(
+          '[hoverId="' + getJQuerySelector(
+            lineData[d2.index]?.properties?.alias || lineData[d2.index]?.properties?.name || "Legend"
+          ).replace(/\s+/g, "-") + '"]'
+        ).classed("highlight", true).classed("unhighlight", false);
       }).on("mouseleave", function(event2, d2) {
         svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", false);
-        svg.selectAll('[hoverId="' + getJQuerySelector(lineData[d2.index]?.properties?.alias || d2[d2.index]?.properties?.name || "Legend").replace(/\s+/g, "-") + '"]').classed("highlight", false).classed("unhighlight", false);
+        svg.selectAll(
+          '[hoverId="' + getJQuerySelector(
+            lineData[d2.index]?.properties?.alias || d2[d2.index]?.properties?.name || "Legend"
+          ).replace(/\s+/g, "-") + '"]'
+        ).classed("highlight", false).classed("unhighlight", false);
       });
     });
     lineGroups.exit().remove();
@@ -22065,6 +22326,7 @@ const HorizontalBarChart = ({
   let secondaryYLabel;
   let maxNumberForPrimaryAxis;
   let maxNumberForSecondaryAxis;
+  let totalValueMap = /* @__PURE__ */ new Map();
   let innerWidth2;
   let innerHeight2;
   let width;
@@ -22270,7 +22532,7 @@ const HorizontalBarChart = ({
     chartJSON.chartData = allChartData;
     chartJSON.legendList = legendList;
     chartJSON.yMaxLeft = yMaxLeft;
-    chartJSON.yMinLeft = yMinLeft > 0 ? 0 : yMinLeft;
+    chartJSON.yMinLeft = yMinLeft;
     chartJSON.yMaxRight = yMaxRight;
     chartJSON.yMinRight = yMinRight;
     formatedDimensionList = isDateType ? setDateFormats(
@@ -22327,13 +22589,14 @@ const HorizontalBarChart = ({
   const initAxis = () => {
     {
       let responsiveLablesObj = responsiveYaxisLabel$1(
-        customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
+        customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxRight,
         chartJSON.yMinLeft,
         innerHeight2,
         formatOptions,
         chartJSON,
         customYaxisMinValue,
-        customYaxisMaxValue
+        customYaxisMaxValue,
+        barChart
       );
       xAxisBottom = axisBottom(xScaleBottom).tickFormat(
         (d) => getNumberWithFormat(
@@ -22344,7 +22607,9 @@ const HorizontalBarChart = ({
         )
       ).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? -innerHeight2 : 0 : 0
-      ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
+      ).tickValues(
+        responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray
+      ).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
     if (isSecondaryAxisDrawn) {
       let responsiveSecondaryLablesObj = responsiveSecondaryYaxisLabel(
@@ -22360,7 +22625,9 @@ const HorizontalBarChart = ({
           formatOptions.secondaryYAxisLabel.secondaryYAxisNumberFormat,
           formatOptions.secondaryYAxisLabel.secondaryYAxisLabelDecimalPrecision
         )
-      ).tickValues(responsiveSecondaryLablesObj.autoLabelFlag ? void 0 : responsiveSecondaryLablesObj.secondaryYAxisLabelArray).ticks(responsiveSecondaryLablesObj.secondaryCustomTickValue).tickSize(
+      ).tickValues(
+        responsiveSecondaryLablesObj.autoLabelFlag ? void 0 : responsiveSecondaryLablesObj.secondaryYAxisLabelArray
+      ).ticks(responsiveSecondaryLablesObj.secondaryCustomTickValue).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
       ).tickPadding(8).tickSizeOuter(0);
     }
@@ -22384,13 +22651,31 @@ const HorizontalBarChart = ({
       let column = gTag.selectAll(".parentGroup").data([data2], (d) => d.legend);
       column = column.enter().append("g").attr("class", "column parentGroup").merge(column);
       let columnGroups = column.selectAll(".column-group").data(data2.data, (d) => d.legend + d.dimension);
-      let columnGroupsEnter = columnGroups.enter().append("g").attr("class", "column-group").attr("hoverId", (data2.properties.alias || data2.properties.name || "Legend").replace(/\s+/g, "-")).attr("transform", (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`);
-      columnGroups.attr("transform", (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`);
-      columnGroupsEnter.merge(columnGroups).attr("transform", (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`);
+      let columnGroupsEnter = columnGroups.enter().append("g").attr("class", "column-group").attr(
+        "hoverId",
+        (data2.properties.alias || data2.properties.name || "Legend").replace(
+          /\s+/g,
+          "-"
+        )
+      ).attr(
+        "transform",
+        (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`
+      );
+      columnGroups.attr(
+        "transform",
+        (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`
+      );
+      columnGroupsEnter.merge(columnGroups).attr(
+        "transform",
+        (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`
+      );
       const bars = columnGroupsEnter.append("rect").attr("y", (d) => yScaleLegends(d.legend)).attr("height", yScaleLegends.bandwidth()).attr("x", (d) => {
-        const xScaleUsed = data2.properties.axis === "Primary" ? xScaleBottom : xScaleTop;
+        const xScaleUsed = data2.properties.axis === axisTypes.primary ? xScaleBottom : xScaleTop;
         return d.value >= 0 ? xScaleUsed(0) : xScaleUsed(0);
-      }).attr("width", 0).attr("fill", data2.properties.color).attr("stroke-dasharray", (d) => d.stackBorderStyle === 2 ? "5,3" : "0").attr("stroke-width", (d) => `${d.stackBorderWidth}px`).attr(
+      }).attr("width", 0).attr("fill", data2.properties.color).attr(
+        "stroke-dasharray",
+        (d) => d.stackBorderStyle === 2 ? "5,3" : "0"
+      ).attr("stroke-width", (d) => `${d.stackBorderWidth}px`).attr(
         "stroke",
         (d) => data2.properties.stackBorderStyle === 0 ? "none" : formatOptions.column.stackBorderVisibility ? data2.properties.stackBorderStyle : "none"
       ).style("clip-path", "inset(0px) fill-box").style("shape-rendering", "crispEdges").attr(
@@ -22399,11 +22684,11 @@ const HorizontalBarChart = ({
       );
       const finalBars = bars;
       finalBars.attr("x", (d) => {
-        const xScaleUsed = data2.properties.axis === "Primary" ? xScaleBottom : xScaleTop;
+        const xScaleUsed = data2.properties.axis === axisTypes.primary ? xScaleBottom : xScaleTop;
         return d.value >= 0 ? xScaleUsed(0) : xScaleUsed(d.value);
       }).attr("width", (d) => {
-        const xScaleUsed = data2.properties.axis === "Primary" ? xScaleBottom : xScaleTop;
-        const maxValue = data2.properties.axis === "Primary" ? customYaxisMaxValue : secondaryCustomYaxisMaxValue;
+        const xScaleUsed = data2.properties.axis === axisTypes.primary ? xScaleBottom : xScaleTop;
+        const maxValue = data2.properties.axis === axisTypes.primary ? customYaxisMaxValue : secondaryCustomYaxisMaxValue;
         if (d.value >= 0) {
           return maxValue && d.value > maxValue ? xScaleUsed(maxValue) - xScaleUsed(0) : xScaleUsed(d.value) - xScaleUsed(0);
         } else {
@@ -22426,7 +22711,11 @@ const HorizontalBarChart = ({
             {
               key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
               value: getNumberWithFormat(
-                [chartTypes.NormalizedStackLineChart, chartTypes.NormalizedStackAreaChart, ""].includes(chartType) ? d[1] - d[0] : d.value,
+                [
+                  chartTypes.NormalizedStackLineChart,
+                  chartTypes.NormalizedStackAreaChart,
+                  ""
+                ].includes(chartType) ? d[1] - d[0] : d.value,
                 formatOptions.toolTip.toolTipDisplayUnits,
                 formatOptions.toolTip.toolTipNumberFormat,
                 formatOptions.toolTip.toolTipDecimalPrecision
@@ -22460,6 +22749,7 @@ const HorizontalBarChart = ({
     filteredData = fData;
     filteredDimension = fDimension;
     visibleBars = fVisibleBars;
+    createTotalMeasureValueMap(data, totalValueMap, filteredDimension);
     drawColumnChart();
   };
   const drawColumnChart = () => {
@@ -22578,6 +22868,7 @@ const StackHorizontalChart = ({
   let scrollbarVisible = false;
   let stackChartData = [];
   const isNormalizedChart = false;
+  let totalValueMap = /* @__PURE__ */ new Map();
   let chartJSON = {
     dimensionList,
     chartType,
@@ -22701,7 +22992,7 @@ const StackHorizontalChart = ({
       width,
       legendMargin,
       formatOptions,
-      seriesData,
+      [...seriesData].reverse(),
       chartId,
       staticLegendShape.rectangle
     );
@@ -22823,7 +23114,9 @@ const StackHorizontalChart = ({
         )
       ).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? -innerHeight2 : 0 : 0
-      ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
+      ).tickValues(
+        responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray
+      ).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
   };
   const getYAxis = () => {
@@ -22844,14 +23137,22 @@ const StackHorizontalChart = ({
     let columns = gTag.selectAll(".parentGroup").data([stackChartData]);
     columns = columns.enter().append("g").attr("class", "columns parentGroup").merge(columns);
     let columnGroups = columns.selectAll(".column-group").data((d) => d);
-    let columnGroupsEnter = columnGroups.enter().append("g").attr("class", (d) => "column-group " + d.key.replace(/ /g, "-")).attr("hoverId", (d) => (lineData[d.index].properties.alias || lineData[d.index].properties.name || "Legend").replace(/\s+/g, "-"));
+    let columnGroupsEnter = columnGroups.enter().append("g").attr("class", (d) => "column-group " + d.key.replace(/ /g, "-")).attr(
+      "hoverId",
+      (d) => (lineData[d.index].properties.alias || lineData[d.index].properties.name || "Legend").replace(/\s+/g, "-")
+    );
     columnGroups = columnGroupsEnter.merge(columnGroups);
     let rects = columnGroups.selectAll("rect").data((d) => d);
     const getPropsForRect = (nodes, i) => {
-      const groupIndex = Array.from(columnGroups.nodes()).indexOf(nodes[i].parentNode);
+      const groupIndex = Array.from(columnGroups.nodes()).indexOf(
+        nodes[i].parentNode
+      );
       return { props: seriesData[groupIndex]?.properties, groupIndex };
     };
-    const baseRects = rects.enter().append("rect").merge(rects).attr("y", (d) => yScale(d.data.dimension) - columnWidth / 2).attr("height", columnWidth).attr("fill", (d, i, nodes) => getPropsForRect(nodes, i).props?.color || "gray").attr("stroke", (d, i, nodes) => {
+    const baseRects = rects.enter().append("rect").merge(rects).attr("y", (d) => yScale(d.data.dimension) - columnWidth / 2).attr("height", columnWidth).attr(
+      "fill",
+      (d, i, nodes) => getPropsForRect(nodes, i).props?.color || "gray"
+    ).attr("stroke", (d, i, nodes) => {
       const props = getPropsForRect(nodes, i).props;
       return props?.stackBorderStyle === 0 ? "none" : formatOptions.column.stackBorderVisibility ? props.stackBorderColor : "none";
     }).attr(
@@ -22915,6 +23216,7 @@ const StackHorizontalChart = ({
     filteredData = fData;
     filteredDimension = fDimension;
     visibleBars = fVisibleBars;
+    createTotalMeasureValueMap(data, totalValueMap, filteredDimension);
     createStackLineData();
     drawLineChart();
   };
@@ -22966,6 +23268,21 @@ const StackHorizontalChart = ({
       isReportEditable,
       barChart
     );
+    addTotalValue(
+      totalValueMap,
+      yScale,
+      xScaleBottom,
+      margin,
+      d3Annotation,
+      [],
+      formatOptions,
+      chartType,
+      height,
+      width,
+      svg,
+      isReportEditable,
+      barChart
+    );
     getConnectors();
     gTag.selectAll(".connectors").raise();
   };
@@ -23223,7 +23540,10 @@ const NormalizedStackHorizontalBarChart = ({
   let columnWidth = 0;
   const chartType = chartTypes.NormalizedStackHorizontalBarChart;
   const svgRef = useRef();
-  const seriesData = generalizedChartData(data.ChartData, data.DimensionList)?.reverse();
+  const seriesData = generalizedChartData(
+    data.ChartData,
+    data.DimensionList
+  )?.reverse();
   const dimensionList = data.DimensionList;
   const barChart = true;
   const isSecondaryAxisDrawn = false;
@@ -23388,7 +23708,7 @@ const NormalizedStackHorizontalBarChart = ({
       width,
       legendMargin,
       formatOptions,
-      seriesData,
+      [...seriesData].reverse(),
       chartId,
       staticLegendShape.rectangle
     );
@@ -23518,20 +23838,31 @@ const NormalizedStackHorizontalBarChart = ({
     let columns = gTag.selectAll(".parentGroup").data([stackChartData]);
     columns = columns.enter().append("g").attr("class", "columns parentGroup").merge(columns);
     let columnGroups = columns.selectAll(".column-group").data((d) => d);
-    let columnGroupsEnter = columnGroups.enter().append("g").attr("class", (d) => "column-group " + d.key.replace(/ /g, "-")).attr("hoverId", (d) => (lineData[d.index].properties.alias || lineData[d.index].properties.name || "Legend").replace(/\s+/g, "-"));
+    let columnGroupsEnter = columnGroups.enter().append("g").attr("class", (d) => "column-group " + d.key.replace(/ /g, "-")).attr(
+      "hoverId",
+      (d) => (lineData[d.index].properties.alias || lineData[d.index].properties.name || "Legend").replace(/\s+/g, "-")
+    );
     columnGroups = columnGroupsEnter.merge(columnGroups);
     let rects = columnGroups.selectAll("rect").data((d) => d);
     const getPropsForRect = (nodes, i) => {
-      const groupIndex = Array.from(columnGroups.nodes()).indexOf(nodes[i].parentNode);
+      const groupIndex = Array.from(columnGroups.nodes()).indexOf(
+        nodes[i].parentNode
+      );
       return { props: seriesData[groupIndex]?.properties, groupIndex };
     };
-    const baseRects = rects.enter().append("rect").merge(rects).attr("y", (d) => yScale(d.data.dimension) - yScale.bandwidth() / 2).attr("height", yScale.bandwidth()).attr("fill", (d, i, nodes) => getPropsForRect(nodes, i).props?.color || "gray").attr("stroke", (d, i, nodes) => {
+    const baseRects = rects.enter().append("rect").merge(rects).attr("y", (d) => yScale(d.data.dimension) - yScale.bandwidth() / 2).attr("height", yScale.bandwidth()).attr(
+      "fill",
+      (d, i, nodes) => getPropsForRect(nodes, i).props?.color || "gray"
+    ).attr("stroke", (d, i, nodes) => {
       const props = getPropsForRect(nodes, i).props;
       return props?.stackBorderStyle === 0 ? "none" : formatOptions.column.stackBorderVisibility ? props.stackBorderColor : "none";
     }).attr(
       "stroke-dasharray",
       (d, i, nodes) => getPropsForRect(nodes, i).props?.stackBorderStyle === 2 ? "5,3" : "0"
-    ).attr("stroke-width", (d, i, nodes) => (getPropsForRect(nodes, i).props?.stackBorderWidth || 0) + "px").style("clip-path", "inset(0px) fill-box").style("shape-rendering", "crispEdges").attr("x", (d) => xScaleBottom(0)).attr("width", 0).attr("visibility", (d, i, nodes) => {
+    ).attr(
+      "stroke-width",
+      (d, i, nodes) => (getPropsForRect(nodes, i).props?.stackBorderWidth || 0) + "px"
+    ).style("clip-path", "inset(0px) fill-box").style("shape-rendering", "crispEdges").attr("x", (d) => xScaleBottom(0)).attr("width", 0).attr("visibility", (d, i, nodes) => {
       const props = getPropsForRect(nodes, i).props;
       return d.data[d.key] === 0 && props?.hideZeroValues ? "hidden" : "visible";
     }).on("mousemove", (event2, d) => {
@@ -25052,6 +25383,12 @@ const AreaChart = ({
     let yMinLeft = Infinity;
     let yMaxRight = -Infinity;
     let yMinRight = Infinity;
+    if (formatOptions.plotArea.hideZeroValues) {
+      chartJSON.hideZeroValues = true;
+      seriesData.forEach((series) => {
+        series.data = series.data.filter((d) => d.value !== 0);
+      });
+    }
     seriesData.forEach((series) => {
       legendList.push(
         series.properties.alias ? series.properties.alias : series.legend
@@ -25086,9 +25423,6 @@ const AreaChart = ({
     } else {
       filteredDimension = chartJSON.dimensionList;
     }
-    if (formatOptions.plotArea.hideZeroValues) {
-      chartJSON.hideZeroValues = true;
-    }
   };
   const initScale = () => {
     let yAxisLabelArray = responsiveYaxisLabel$1(
@@ -25152,7 +25486,9 @@ const AreaChart = ({
         )
       ).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
-      ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
+      ).tickValues(
+        responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray
+      ).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
   };
   const getXAxis = () => {
@@ -25181,7 +25517,13 @@ const AreaChart = ({
     areaGroupsEnter.append("path").attr("class", "area parentGroup").attr(
       "fill",
       (d) => d.properties.color !== "#ffffff" ? d.properties.color : "none"
-    ).style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("hoverId", (d) => (d.properties?.alias || d.properties?.name || "Legend").replace(/\s+/g, "-")).attr("d", (d) => areaGeneratorStart(d.data)).each(function(d) {
+    ).style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr(
+      "hoverId",
+      (d) => (d.properties?.alias || d.properties?.name || "Legend").replace(
+        /\s+/g,
+        "-"
+      )
+    ).attr("d", (d) => areaGeneratorStart(d.data)).each(function(d) {
       {
         select$2(this).attr("d", areaGenerator(d.data));
       }
@@ -25192,25 +25534,28 @@ const AreaChart = ({
         "stroke",
         (d2) => d2.properties.areaBorderColor !== "#ffffff" ? d2.properties.areaBorderColor : "none"
       ).attr("stroke-dasharray", (d2) => {
+        const lineWidth = parseInt(d2.properties.lineWidth);
         switch (d2.properties.lineStyle) {
-          case "dotted":
-            return "0,3";
-          case "dashed":
-            return "20,10,5,5,5,10";
+          case staticLineStyle.dotted:
+            return `0,${lineWidth + 2}`;
+          case staticLineStyle.dashed:
+            return strokeDashValues;
           default:
             return "";
         }
       }).attr(
         "stroke-linecap",
-        (d2) => d2.properties.lineStyle === "dotted" ? "round" : "butt"
+        (d2) => d2.properties.lineStyle === staticLineStyle.dotted ? strokeLineCap.round : strokeLineCap.butt
       ).attr(
         "stroke-width",
-        (d2) => d2.properties.lineStyle !== "None" && formatOptions.plotArea.plotAreaHideLineAndMarkers ? "2.5" : "0"
+        (d2) => d2.properties.lineStyle !== staticLineStyle.none && formatOptions.plotArea.plotAreaHideLineAndMarkers ? d2.properties.lineWidth : "0"
       ).attr("fill", "none");
       g.selectAll("path.hoverLine").data([d]).join("path").attr("class", "hoverLine").attr("d", (d2) => areaGenerator(d2.data)).attr("fill", "transparent").attr("stroke", "none").style("pointer-events", "all").raise().on("mouseenter", function(event2, d2) {
         svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true).attr("stroke-width", "2.5");
         svg.selectAll(
-          '[hoverId="' + getJQuerySelector(d2.properties?.alias || d2.properties?.name || "Legend").replace(/\s+/g, "-") + '"]'
+          '[hoverId="' + getJQuerySelector(
+            d2.properties?.alias || d2.properties?.name || "Legend"
+          ).replace(/\s+/g, "-") + '"]'
         ).classed("highlight", true).classed("unhighlight", false).attr("stroke-width", "3.5");
       }).on("mouseleave", function(event2, d2) {
         svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", false).attr("stroke-width", "2.5");
@@ -25358,10 +25703,7 @@ const StackAreaChart = ({
   const barWidth = 0;
   const chartType = chartTypes.StackAreaChart;
   const svgRef = useRef();
-  const seriesData = generalizedChartData(
-    data.ChartData,
-    data.DimensionList
-  )?.reverse() || [];
+  const seriesData = generalizedChartData(data.ChartData, data.DimensionList)?.reverse() || [];
   const dimensionList = data.DimensionList;
   const barChart = false;
   const isSecondaryAxisDrawn = false;
@@ -25385,6 +25727,7 @@ const StackAreaChart = ({
   let secondaryYLabel;
   let maxNumberForPrimaryAxis;
   let maxNumberForSecondaryAxis;
+  let totalValueMap = /* @__PURE__ */ new Map();
   let innerWidth2;
   let innerHeight2;
   let width;
@@ -25552,7 +25895,7 @@ const StackAreaChart = ({
       width,
       legendMargin,
       formatOptions,
-      seriesData,
+      [...seriesData].reverse(),
       chartId,
       staticLegendShape.areaWithLine
     );
@@ -25575,6 +25918,12 @@ const StackAreaChart = ({
   const preProcessChartData = () => {
     const allChartData = [];
     const legendList = [];
+    if (formatOptions.plotArea.hideZeroValues) {
+      chartJSON.hideZeroValues = true;
+      seriesData.forEach((series) => {
+        series.data = series.data.filter((d) => d.value !== 0);
+      });
+    }
     seriesData.forEach((series, index2) => {
       const prefixedLegend = `${index2}~$~${series.properties.alias}`;
       series.properties.legend = prefixedLegend;
@@ -25623,9 +25972,6 @@ const StackAreaChart = ({
     chartJSON.dimensionList.forEach((d, i) => {
       chartJSON.formattedDimensionListMap.set(d, formatedDimensionList[i]);
     });
-    if (formatOptions.plotArea.hideZeroValues) {
-      chartJSON.hideZeroValues = true;
-    }
   };
   const initScale = () => {
     let yAxisLabelArray = responsiveYaxisLabel$1(
@@ -25689,7 +26035,9 @@ const StackAreaChart = ({
         )
       ).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
-      ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
+      ).tickValues(
+        responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray
+      ).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
   };
   const getXAxis = () => {
@@ -25719,29 +26067,34 @@ const StackAreaChart = ({
     areas = areas.enter().append("g").attr("class", "areas lineGroup").merge(areas);
     let areaGroups = areas.selectAll(".area-group").data((d) => d);
     let areaGroupsEnter = areaGroups.enter().append("g").attr("class", (d) => "area-group " + d.key.replace(/ /g, "-"));
-    areaGroupsEnter.append("path").attr("hoverId", (d) => (lineData[d.index].properties.alias || lineData[d.index].properties.name || "Legend").replace(/\s+/g, "-")).attr("class", "area parentGroup").attr("fill", (d) => d.color !== "#ffffff" ? d.color : "none").style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("d", (d) => areaGeneratorStart(d)).each(function(d) {
+    areaGroupsEnter.append("path").attr(
+      "hoverId",
+      (d) => (lineData[d.index].properties.alias || lineData[d.index].properties.name || "Legend").replace(/\s+/g, "-")
+    ).attr("class", "area parentGroup").attr("fill", (d) => d.color !== "#ffffff" ? d.color : "none").style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("d", (d) => areaGeneratorStart(d)).each(function(d) {
       {
         select$2(this).attr("d", areaGenerator(d));
       }
     });
     areaGroupsEnter.merge(areaGroups).each(function(d, i) {
       const g = select$2(this);
-      g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine parentGroup").attr("d", (d2) => areaGenerator(d2)).attr("stroke", (d2) => d2.color !== "#ffffff" ? d2.color : "none").attr("stroke-dasharray", () => {
-        const style = seriesData[i]?.properties?.lineStyle;
-        switch (style) {
-          case "dotted":
-            return "0,3";
-          case "dashed":
-            return "20,10,5,5,5,10";
+      g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine parentGroup").attr("d", (d2) => areaGenerator(d2)).attr("stroke", (d2) => d2.color !== "#ffffff" ? d2.color : "none").attr("stroke-dasharray", (d2) => {
+        const lineWidth = parseInt(
+          seriesData[i].properties.lineWidth.toString()
+        );
+        switch (seriesData[i].properties.lineStyle) {
+          case staticLineStyle.dotted:
+            return `0,${lineWidth + 2}`;
+          case staticLineStyle.dashed:
+            return strokeDashValues;
           default:
             return "";
         }
       }).attr(
         "stroke-linecap",
-        () => seriesData[i]?.properties?.lineStyle === "dotted" ? "round" : ""
+        () => seriesData[i]?.properties?.lineStyle.toLowerCase() === staticLineStyle.dotted ? strokeLineCap.round : ""
       ).attr(
         "stroke-width",
-        (d2, i2) => seriesData[i2].properties.lineStyle !== "None" ? seriesData[i2].properties.lineWidth : "0"
+        (d2, i2) => seriesData[i2].properties.lineStyle !== staticLineStyle.none ? seriesData[i2].properties.lineWidth : "0"
       ).attr("fill", "none").style("pointer-events", "none");
       g.selectAll("path.hoverLine").data([d]).join("path").attr("class", "hoverLine").attr("d", (d2) => areaGenerator(d2)).attr("fill", "transparent").attr("stroke", "none").style("pointer-events", "all").raise().on("mouseenter", function(event2, d2) {
         svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
@@ -25792,6 +26145,7 @@ const StackAreaChart = ({
     filteredData = fData;
     filteredDimension = fDimension;
     visibleBars = fVisibleBars;
+    createTotalMeasureValueMap(data, totalValueMap, filteredDimension);
     createStackLineData();
     drawLineChart();
   };
@@ -25851,6 +26205,20 @@ const StackAreaChart = ({
       true
     ).labelArray;
     drawSeriesLabels(formatOptions, gTag, newSeriesLabelArray);
+    addTotalValue(
+      totalValueMap,
+      xScale,
+      yScaleLeft,
+      margin,
+      d3Annotation,
+      [],
+      formatOptions,
+      chartType,
+      height,
+      width,
+      svg,
+      isReportEditable
+    );
     if (formatOptions.dataTableProperties && formatOptions.dataTableProperties.dataTable) {
       if (formatOptions.xAxisLabel.xAxisPosition != "1")
         formatOptions.xAxisLabel.xAxisLabelVisibility = false;
@@ -25903,6 +26271,7 @@ const StackAreaChart = ({
         d["hideZero"] = JSON.parse(
           JSON.stringify(seriesData[j].properties.hideZeroValues)
         );
+        d["properties"] = seriesData[j].properties;
       })
     );
   };
@@ -25926,10 +26295,7 @@ const NormalizedStackAreaChart = ({
   const barWidth = 0;
   const chartType = chartTypes.NormalizedStackAreaChart;
   const svgRef = useRef();
-  const seriesData = generalizedChartData(
-    data.ChartData,
-    data.DimensionList
-  )?.reverse() || [];
+  const seriesData = generalizedChartData(data.ChartData, data.DimensionList)?.reverse() || [];
   const dimensionList = data.DimensionList;
   const barChart = false;
   const isSecondaryAxisDrawn = false;
@@ -26112,7 +26478,7 @@ const NormalizedStackAreaChart = ({
       width,
       legendMargin,
       formatOptions,
-      seriesData,
+      [...seriesData].reverse(),
       chartId,
       staticLegendShape.areaWithLine
     );
@@ -26134,6 +26500,12 @@ const NormalizedStackAreaChart = ({
   const preProcessChartData = () => {
     const allChartData = [];
     const legendList = [];
+    if (formatOptions.plotArea.hideZeroValues) {
+      chartJSON.hideZeroValues = true;
+      seriesData.forEach((series) => {
+        series.data = series.data.filter((d) => d.value !== 0);
+      });
+    }
     seriesData.forEach((series, index2) => {
       const prefixedLegend = `${index2}~$~${series.properties.alias}`;
       series.properties.legend = prefixedLegend;
@@ -26158,9 +26530,6 @@ const NormalizedStackAreaChart = ({
     } else {
       filteredDimension = chartJSON.dimensionList;
     }
-    if (formatOptions.plotArea.hideZeroValues) {
-      chartJSON.hideZeroValues = true;
-    }
     const tempStackLineData = getStackedData(
       chartJSON.dimensionList,
       seriesData,
@@ -26231,8 +26600,10 @@ const NormalizedStackAreaChart = ({
     stackChartData.forEach(
       (data2, i) => data2.forEach((item, position) => {
         const total = item.data.total;
-        lineData[i].data[position][0] = item[0] = total === 0 ? 0 : item[0] / total;
-        lineData[i].data[position][1] = item[1] = total === 0 ? 0 : item[1] / total;
+        if (lineData[i].data[position]) {
+          lineData[i].data[position][0] = item[0] = total === 0 ? 0 : item[0] / total;
+          lineData[i].data[position][1] = item[1] = total === 0 ? 0 : item[1] / total;
+        }
       })
     );
     lineData.forEach((lData) => {
@@ -26254,7 +26625,10 @@ const NormalizedStackAreaChart = ({
     areas = areas.enter().append("g").attr("class", "areas lineGroup").merge(areas);
     let areaGroups = areas.selectAll(".area-group").data((d) => d);
     let areaGroupsEnter = areaGroups.enter().append("g").attr("class", (d) => "area-group " + d.key.replace(/ /g, "-"));
-    areaGroupsEnter.append("path").attr("hoverId", (d) => (lineData[d.index]?.properties?.alias || lineData[d.index]?.properties?.name || "Legend").replace(/\s+/g, "-")).attr("class", "area parentGroup").attr("fill", (d) => d.color !== "#ffffff" ? d.color : "none").style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("d", (d) => columnGeneratorStart(d)).each(function(d) {
+    areaGroupsEnter.append("path").attr(
+      "hoverId",
+      (d) => (lineData[d.index]?.properties?.alias || lineData[d.index]?.properties?.name || "Legend").replace(/\s+/g, "-")
+    ).attr("class", "area parentGroup").attr("fill", (d) => d.color !== "#ffffff" ? d.color : "none").style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("d", (d) => columnGeneratorStart(d)).each(function(d) {
       const path2 = select$2(this);
       {
         path2.attr("d", columnGenerator(d));
@@ -26262,33 +26636,39 @@ const NormalizedStackAreaChart = ({
     });
     areaGroupsEnter.merge(areaGroups).each(function(d, i) {
       const g = select$2(this);
-      g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine parentGroup").attr("d", (d2) => columnGenerator(d2)).attr("stroke", (d2) => d2.color !== "#ffffff" ? d2.color : "none").attr("stroke-dasharray", () => {
-        const style = seriesData[i]?.properties?.lineStyle;
-        switch (style) {
-          case "dotted":
-            return "0,3";
-          case "dashed":
-            return "20,10,5,5,5,10";
+      g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine parentGroup").attr("d", (d2) => columnGenerator(d2)).attr("stroke", (d2) => d2.color !== "#ffffff" ? d2.color : "none").attr("stroke-dasharray", (d2) => {
+        const lineWidth = parseInt(
+          seriesData[i].properties.lineWidth.toString()
+        );
+        switch (seriesData[i].properties.lineStyle) {
+          case staticLineStyle.dotted:
+            return `0,${lineWidth + 2}`;
+          case staticLineStyle.dashed:
+            return strokeDashValues;
           default:
             return "";
         }
       }).attr(
         "stroke-linecap",
-        () => seriesData[i]?.properties?.lineStyle === "dotted" ? "round" : ""
+        () => seriesData[i]?.properties?.lineStyle.toLowerCase() === staticLineStyle.dotted ? strokeLineCap.round : ""
       ).attr(
         "stroke-width",
-        (d2, i2) => seriesData[i2].properties.lineStyle !== "None" ? seriesData[i2].properties.lineWidth : "0"
+        (d2, i2) => seriesData[i2].properties.lineStyle !== staticLineStyle.none ? seriesData[i2].properties.lineWidth : "0"
       ).attr("fill", "none").style("pointer-events", "none");
       g.selectAll("path.hoverLine").data([d]).join("path").attr("class", "hoverLine").attr("d", (d2) => columnGenerator(d2)).attr("fill", "transparent").style("pointer-events", "all").raise().on("mouseenter", function(event2, d2) {
         svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
         svg.selectAll(
-          '[hoverId="' + getJQuerySelector((lineData[d2.index]?.properties?.alias || lineData[d2.index]?.properties?.name || "Legend").replace(/ /g, "-")) + '"]'
+          '[hoverId="' + getJQuerySelector(
+            (lineData[d2.index]?.properties?.alias || lineData[d2.index]?.properties?.name || "Legend").replace(/ /g, "-")
+          ) + '"]'
         ).classed("highlight", true).classed("unhighlight", false);
       }).on("mouseleave", function() {
         svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", false);
       });
       svg.selectAll(
-        '[hoverId="' + getJQuerySelector((lineData[d.index]?.properties?.alias || lineData[d.index]?.properties?.name || "Legend").replace(/ /g, "-")) + '"]'
+        '[hoverId="' + getJQuerySelector(
+          (lineData[d.index]?.properties?.alias || lineData[d.index]?.properties?.name || "Legend").replace(/ /g, "-")
+        ) + '"]'
       ).classed("highlight", false).classed("unhighlight", false);
     });
     areaGroups.exit().remove();
@@ -26425,8 +26805,10 @@ const NormalizedStackAreaChart = ({
     stackChartData = stack().keys(chartJSON.legendList).offset(none$3)(stackLineData2);
     filteredData.forEach(
       (data2, index2) => data2.data.forEach((axisData, position) => {
-        axisData["0"] = stackChartData[index2][position][0];
-        axisData["1"] = stackChartData[index2][position][1];
+        if (stackChartData[index2][position]) {
+          axisData["0"] = stackChartData[index2][position][0];
+          axisData["1"] = stackChartData[index2][position][1];
+        }
       })
     );
     let seriesColor = formatOptions.annotation.annotationSetLabelColor;
@@ -27493,29 +27875,33 @@ const Treemap = ({ data, formatOptions, chartId }) => {
         );
       }).on("mouseout", () => hideTooltipOnMouseOut());
       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);
-      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(
-        "font-style",
-        (d) => d.data.properties.fontStyle.includes(fontStyleOptions.italic) ? fontStyleOptions.italic : ""
-      ).style(
-        "text-decoration",
-        (d) => d.data.properties.fontStyle.includes(fontStyleOptions.underline) ? fontStyleOptions.underline : ""
-      ).style(
-        "font-weight",
-        (d) => d.data.properties.fontStyle.includes(fontStyleOptions.bold) ? fontStyleOptions.bold : ""
-      ).attr("clip-path", (d, i) => `url(#clip-${i}-${chartId})`);
-      if (chartFormatOptions.plotArea.dataLabelName) {
-        leaf.selectAll("text").append("tspan").attr("x", 5).attr("y", "1.1em").text((d) => d.data.legend);
+      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(
+          "font-style",
+          (d) => d.data.properties.fontStyle.includes(fontStyleOptions.italic) ? fontStyleOptions.italic : ""
+        ).style(
+          "text-decoration",
+          (d) => d.data.properties.fontStyle.includes(fontStyleOptions.underline) ? fontStyleOptions.underline : ""
+        ).style(
+          "font-weight",
+          (d) => d.data.properties.fontStyle.includes(fontStyleOptions.bold) ? fontStyleOptions.bold : ""
+        ).attr("clip-path", (d, i) => `url(#clip-${i}-${chartId})`);
+        if (chartFormatOptions.plotArea.dataLabelName) {
+          leaf.selectAll("text").append("tspan").attr("x", 5).attr("y", "1.1em").text((d) => d.data.legend);
+        }
+        if (chartFormatOptions.plotArea.dataLabelValue) {
+          leaf.selectAll("text").append("tspan").attr("x", 5).attr(
+            "y",
+            chartFormatOptions.plotArea.dataLabelName ? "2.1em" : "1.1em"
+          ).text(
+            (d) => getNumberWithFormatFunction(
+              chartFormatOptions.plotArea.plotAreaDisplayUnits,
+              chartFormatOptions.plotArea.dataLabelNumberFormat,
+              chartFormatOptions.plotArea.dataLabelDecimalPrecision
+            )(d.data.data[0].value)
+          );
+        }
       }
-      leaf.selectAll("text").append("tspan").attr("x", 5).attr(
-        "y",
-        chartFormatOptions.plotArea.dataLabelName ? "2.1em" : "1.1em"
-      ).text(
-        (d) => getNumberWithFormatFunction(
-          chartFormatOptions.plotArea.plotAreaDisplayUnits,
-          chartFormatOptions.plotArea.dataLabelNumberFormat,
-          chartFormatOptions.plotArea.dataLabelDecimalPrecision
-        )(d.data.data[0].value)
-      );
     } catch (error) {
       logError$2(fileName$6, "initChartRect", error);
     }
@@ -27934,18 +28320,6 @@ const PieofPie = ({
           data: []
         };
       });
-      initLegendListWithTotalValueAllowance(
-        chartFormatOptions,
-        svg,
-        seriesData,
-        width,
-        height,
-        legendListWidth,
-        chartTitleHeight,
-        chartId,
-        margins,
-        staticLegendShape.circle
-      );
     } catch (error) {
       logError$2(fileName$5, "initLegendList", error);
     }
@@ -28536,9 +28910,9 @@ const ProgressChart = ({
         chartFormatOptions.plotArea.dataLabelValueFontFamily
       ).attr("font-size", chartFormatOptions.plotArea.dataLabelValueFontSize).text(() => {
         return chartFormatOptions.plotArea.dataLabelNumberFormatProgress == ",.0%" ? Math.round(progressValue / maxValue * 100) + "%" : getNumberWithFormatFunction(
-          chartFormatOptions.plotArea.dataLabelDecimalPrecision,
+          chartFormatOptions.plotArea.plotAreaDisplayUnits,
           chartFormatOptions.plotArea.dataLabelNumberFormatProgress,
-          chartFormatOptions.plotArea.plotAreaDisplayUnits
+          chartFormatOptions.plotArea.dataLabelDecimalPrecision
         )(progressValue);
       });
     } catch (error) {
@@ -28622,10 +28996,9 @@ const Speedometer = ({
         positionDominatorName = "height";
       }
       positionTransformString = centerTranslation(positionDominatorName);
-      innerRadius = Math.min(
-        convertStringToNumber(chartFormatOptions.plotArea.innerRadius) / 100 * radius,
-        radius
-      );
+      innerRadius = convertStringToNumber(
+        chartFormatOptions.plotArea.innerRadiusForSpeedometer
+      ) / 100 * radius;
     } catch (error) {
       logError$2(fileName2, "initChartRadius", error);
     }
@@ -28682,9 +29055,12 @@ const Speedometer = ({
           }
         }
       } else {
-        if ([colorThemeTypes.none, colorThemeTypes.discrete].includes(
-          chartFormatOptions.colorScale.showColor
-        )) {
+        if (chartFormatOptions.colorScale.showColor == colorThemeTypes.none) {
+          const color2 = ChartData[0].properties?.color ?? "#bac8de";
+          for (let index2 = 1; index2 <= customTicksCount; index2++) {
+            colorThemeArray.push(color2);
+          }
+        } else if (chartFormatOptions.colorScale.showColor == colorThemeTypes.discrete) {
           for (let index2 = 1; index2 <= customTicksCount; index2++) {
             colorThemeArray.push(
               chartFormatOptions.colorScale["division" + index2]
@@ -53546,7 +53922,9 @@ const WaterfallChart = ({
     if (formatOptions.xAxisLabel.hideZeroValues) {
       if (tempDimensionList.length > 0) {
         tempDimensionList.forEach((dimension) => {
-          chartJSON.legendList = chartJSON.legendList.filter((dim) => dim !== dimension);
+          chartJSON.legendList = chartJSON.legendList.filter(
+            (dim) => dim !== dimension
+          );
         });
       }
       chartJSON.dimensionList = chartJSON.legendList;
@@ -53565,7 +53943,11 @@ const WaterfallChart = ({
       tempWaterfallChartData && tempWaterfallChartData.forEach((d, i) => {
         if (d.dimension) {
           tempDimensionList.push(d.dimension);
-          tempDimensionListWithIndex.push({ dimension: d.dimension, chartDataIndex: i, selfIndex: tempDimensionListWithIndex.length });
+          tempDimensionListWithIndex.push({
+            dimension: d.dimension,
+            chartDataIndex: i,
+            selfIndex: tempDimensionListWithIndex.length
+          });
         }
       });
       if (isDateType) {
@@ -53576,7 +53958,9 @@ const WaterfallChart = ({
       } else {
         tempformatedDimensionList = tempDimensionList;
       }
-      let formatedDimensionList = JSON.parse(JSON.stringify(chartJSON.legendList));
+      let formatedDimensionList = JSON.parse(
+        JSON.stringify(chartJSON.legendList)
+      );
       tempDimensionListWithIndex.forEach((listItem, i) => {
         formatedDimensionList[listItem.chartDataIndex] = tempformatedDimensionList[listItem.selfIndex];
       });
@@ -53649,7 +54033,9 @@ const WaterfallChart = ({
         )
       ).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
-      ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
+      ).tickValues(
+        responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray
+      ).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
     }
     colorScale = ordinal().domain(["base", "dimensionTotal", "up", "down"]).range([
       formatOptions.plotArea.totalColor,
@@ -53665,9 +54051,7 @@ const WaterfallChart = ({
   };
   const getChartType = (lineData) => {
     let totalStackData;
-    waterFallData.forEach(
-      (K2, j) => K2.forEach((d) => d["key"] = K2.key)
-    );
+    waterFallData.forEach((K2, j) => K2.forEach((d) => d["key"] = K2.key));
     if (stackTotalData) {
       let stackDataLegendList = filteredData.map((name) => name.legend);
       totalStackData = stack().keys(stackDataLegendList)(stackTotalData);
@@ -53686,10 +54070,30 @@ const WaterfallChart = ({
         let parentGroup = gTag.selectAll(`.parentGroup-${k2}`).data([null]);
         parentGroup = parentGroup.enter().append("g").attr("class", `parentGroup parentGroup-${k2}`).merge(parentGroup);
         let barGroups = parentGroup.selectAll(`.bar-group-${k2}`).data(waterFallData);
-        const barGroupsEnter = barGroups.enter().append("g").attr("class", `bar-group-${k2}`).attr("fill", (d) => d.color ? d.color : colorScale(d.key) !== "#ffffff" ? colorScale(d.key) : "none").attr("opacity", (d) => d.opacity);
+        const barGroupsEnter = barGroups.enter().append("g").attr("class", `bar-group-${k2}`).attr(
+          "fill",
+          (d) => d.color ? d.color : colorScale(d.key) !== "#ffffff" ? colorScale(d.key) : "none"
+        ).attr("opacity", (d) => d.opacity);
         barGroups = barGroupsEnter.merge(barGroups);
-        let rects = barGroups.selectAll("rect").data((d) => d, (d) => d.key || d.Key);
-        const rectsEnter = rects.enter().append("rect").attr("class", "rect").attr("class", (d) => d.key ? d.key.replace(/ /g, "-") : d.Key.replace(/ /g, "-")).attr("x", (d) => xScale(!isAdvancedWaterfall ? d.data.dimension || d.data.legend : d.data.xKey)).attr("y", (d) => d[1] ? yScaleLeft(d[1]) : 0).attr("height", (d) => d[1] ? yScaleLeft(d[0]) - yScaleLeft(d[1]) : 0).attr("width", xScale.bandwidth()).attr("visibility", (d) => k2 === 0 && d.data.dimension && stackTotalData ? "hidden" : "visible").style("shape-rendering", "crispEdges").on("mousemove", (event2, d) => {
+        let rects = barGroups.selectAll("rect").data(
+          (d) => d,
+          (d) => d.key || d.Key
+        );
+        const rectsEnter = rects.enter().append("rect").attr("class", "rect").attr(
+          "class",
+          (d) => d.key ? d.key.replace(/ /g, "-") : d.Key.replace(/ /g, "-")
+        ).attr(
+          "x",
+          (d) => xScale(
+            !isAdvancedWaterfall ? d.data.dimension || d.data.legend : d.data.xKey
+          )
+        ).attr("y", (d) => d[1] ? yScaleLeft(d[1]) : 0).attr(
+          "height",
+          (d) => d[1] ? yScaleLeft(d[0]) - yScaleLeft(d[1]) : 0
+        ).attr("width", xScale.bandwidth()).attr(
+          "visibility",
+          (d) => k2 === 0 && d.data.dimension && stackTotalData ? "hidden" : "visible"
+        ).style("shape-rendering", "crispEdges").on("mousemove", (event2, d) => {
           const markerInfo = {
             markerShape: "square",
             markerColor: d.key === "dimensionTotal" ? formatOptions.plotArea.totalColor : d.key === "down" ? formatOptions.plotArea.negativeColor : formatOptions.plotArea.positiveColor
@@ -53728,7 +54132,15 @@ const WaterfallChart = ({
               formatOptions.plotArea.dataLabelNumberFormat,
               formatOptions.plotArea.dataLabelDecimalPrecision
             )
-          ).attr("x", (d) => xScale(!isAdvancedWaterfall ? d.data.dimension || d.data.legend : d.data.xKey) + columnWidth / 2).attr("y", (d) => d[1] ? yScaleLeft(d[1]) - 15 : 0).style("font-size", "11px").attr("text-anchor", "middle").attr("visibility", (d) => d[1] - d[0] !== 0 && yScaleLeft(d[1]) ? "visible" : "hidden");
+          ).attr(
+            "x",
+            (d) => xScale(
+              !isAdvancedWaterfall ? d.data.dimension || d.data.legend : d.data.xKey
+            ) + xScale.bandwidth() / 2
+          ).attr("y", (d) => d[1] ? yScaleLeft(d[1]) - 15 : 0).style("font-size", "11px").attr("text-anchor", "middle").attr(
+            "visibility",
+            (d) => d[1] - d[0] !== 0 && yScaleLeft(d[1]) ? "visible" : "hidden"
+          );
           textGroups.exit().remove();
         }
       }
@@ -53891,7 +54303,11 @@ const WaterfallChart = ({
       tempWaterFallData.push(waterFallArr2);
       if (dataRequiredForStackTotal.length > 0) {
         filteredData = dataRequiredForStackTotal;
-        stackTotalData = getStackedData(filteredDimension, dataRequiredForStackTotal, false);
+        stackTotalData = getStackedData(
+          filteredDimension,
+          dataRequiredForStackTotal,
+          false
+        );
       }
       return tempWaterFallData;
     } catch (error) {
@@ -53899,14 +54315,8 @@ const WaterfallChart = ({
     }
   };
   const toNumber = (v) => v === null || v === void 0 || v === "" ? 0 : Number(v);
-  const isNonZero = (v) => !Number.isNaN(toNumber(v)) && toNumber(v) !== 0;
   const mapAdvancedWaterfallData = (rawData) => {
-    return rawData.filter((d) => d.Column1 && d.Column1 !== "*").filter((d) => {
-      const base = toNumber(d.Column3);
-      const up = toNumber(d.Column4);
-      const down = toNumber(d.Column5);
-      return isNonZero(base) || isNonZero(up) || isNonZero(down);
-    }).map((d) => ({
+    return rawData.filter((d) => d.Column1 && d.Column1 !== "*").map((d) => ({
       xKey: d.Column1,
       base: toNumber(d.Column3),
       up: toNumber(d.Column4),
@@ -53934,7 +54344,7 @@ const TornadoChart = ({
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
   const chartType = chartTypes.TornadoChart;
-  const IsadvanceanalyticsChart = data.IsadvanceanalyticsChart;
+  const isAdvanceAnalyticsChart = data.IsadvanceanalyticsChart ?? false;
   const svgRef = useRef();
   const seriesData = generalizedChartData(data.ChartData, data.DimensionList);
   const dimensionList = data.DimensionList;
@@ -54006,6 +54416,7 @@ const TornadoChart = ({
       svgRef,
       formatOptions
     ));
+    formatOptions.xAxisLabel.labelTextWrap = false;
     preProcessChartData();
     ({ maxNumberForPrimaryAxis, maxNumberForSecondaryAxis } = customYscaleLabelFormatting$1(
       // for calculating primary/secondary axis max number so that we can calculate margin accordinglt
@@ -54034,7 +54445,7 @@ const TornadoChart = ({
       maxNumberForSecondaryAxis,
       chartJSON.yMaxLeft,
       formatOptions,
-      !IsadvanceanalyticsChart ? chartJSON.legendList.map((d) => d["alias"]) : chartJSON.legendList.map((d) => d["alias"].split(" - ")[0]),
+      !isAdvanceAnalyticsChart ? chartJSON.legendList.map((d) => d["alias"]) : chartJSON.legendList.map((d) => d["alias"].split(" - ")[0]),
       chartJSON.dimensionList,
       chartJSON.yMaxRight,
       isSecondaryAxisDrawn,
@@ -54162,24 +54573,23 @@ const TornadoChart = ({
       mapSeriesDataWithLegendList(
         seriesData,
         chartJSON.legendList,
-        IsadvanceanalyticsChart,
+        isAdvanceAnalyticsChart,
         formatOptions
       ),
       chartId,
-      staticLegendShape.rectangle,
-      chartType
+      staticLegendShape.rectangle
     );
   };
-  const mapSeriesDataWithLegendList = (seriesData2, legendList, IsadvanceanalyticsChart2, formatOptions2) => {
+  const mapSeriesDataWithLegendList = (seriesData2, legendList, isAdvanceAnalyticsChart2, formatOptions2) => {
     return seriesData2.map((series, index2) => {
       const legend = legendList[index2];
       if (!legend) return { ...series, properties: {} };
       let updatedAlias = legend.alias;
-      if (IsadvanceanalyticsChart2 && legend.alias) {
+      if (isAdvanceAnalyticsChart2 && legend.alias) {
         updatedAlias = legend.alias.split(" - ")[0].trim();
       }
       let updatedColor = legend.color;
-      if (IsadvanceanalyticsChart2 && updatedAlias) {
+      if (isAdvanceAnalyticsChart2 && updatedAlias) {
         if (updatedAlias.includes("+ve")) {
           updatedColor = formatOptions2.plotArea.plotAreaCalculatedHigh;
         } else if (updatedAlias.includes("-ve")) {
@@ -54200,7 +54610,7 @@ const TornadoChart = ({
   };
   const preProcessChartData = () => {
     let processedSeriesData;
-    if (!IsadvanceanalyticsChart) {
+    if (!isAdvanceAnalyticsChart) {
       const firstMeasure = seriesData[0]?.properties.currentMeasure;
       let yMaxLeft = 0;
       let yMaxRight = -Infinity;
@@ -54234,12 +54644,13 @@ const TornadoChart = ({
       chartJSON.dimensionList
     ) : chartJSON.dimensionList;
     chartJSON.dimensionList.forEach((dim, i) => {
-      chartJSON.formattedDimensionListMap.set(
-        dim,
-        formatedDimensionList[i]
-      );
+      chartJSON.formattedDimensionListMap.set(dim, formatedDimensionList[i]);
     });
-    filteredData = JSON.parse(JSON.stringify(!IsadvanceanalyticsChart ? processedSeriesData : seriesData));
+    filteredData = JSON.parse(
+      JSON.stringify(
+        !isAdvanceAnalyticsChart ? processedSeriesData : seriesData
+      )
+    );
     filteredDimension = !formatOptions.plotArea.fitChart ? chartJSON.dimensionList.slice(
       scrollPosition,
       scrollPosition + visibleBars
@@ -54263,7 +54674,10 @@ const TornadoChart = ({
     let adjustedPosition = formatOptions.annotation.annotationVisibility != "5" && formatOptions.annotation.annotationPosition == "1" ? 20 : 0;
     let scaleFactor = formatOptions.annotation.annotationVisibility != "5" ? chartJSON.yMaxLeft / maxValue !== 1 ? Math.abs(chartJSON.yMaxLeft / maxValue) * 100 < 10 ? 3 : 0 : Math.abs(chartJSON.yMaxRight / maxValue) * 100 < 10 ? 3 : 0 : 0;
     chartJSON.yMaxLeft = chartJSON.yMaxLeft;
-    xScaleForLegends = linear$1().domain([chartJSON.yMaxLeft * (1.2 + (left2 ? scaleFactor : 0)), chartJSON.yMaxRight * (1.2 + (right2 ? scaleFactor : 0))]).range([adjustedPosition, innerWidth2 - adjustedPosition]);
+    xScaleForLegends = linear$1().domain([
+      chartJSON.yMaxLeft * (1.2 + (left2 ? scaleFactor : 0)),
+      chartJSON.yMaxRight * (1.2 + (right2 ? scaleFactor : 0))
+    ]).range([adjustedPosition, innerWidth2 - adjustedPosition]);
     xScale = xScaleForLegends;
     calculatedRange = [0, innerWidth2];
     getXScale();
@@ -54326,16 +54740,16 @@ const TornadoChart = ({
       filteredData.flatMap(
         (d) => d.data.map((child) => ({
           ...child,
-          legendText: !IsadvanceanalyticsChart ? d.legend.replace("-", "~$~").split("~$~")[1].trim() : d.legend.split("ve) - ")[1],
+          legendText: !isAdvanceAnalyticsChart ? chartJSON.dimensionList[0] == chartTypes.TornadoDefaultEntry ? "defaultEntry" : d.legend.split("-")[1]?.trim() ?? d.legend : d.legend.split("ve) - ")[1]?.trim() ?? d.legend,
           properties: d.properties
         }))
       )
-    ).enter().append("rect").attr("class", "rect").attr("y", (d) => d.legendText ? yScaleLeft(d.legendText) : yScaleLeft("defaultEntry")).attr("height", yScaleLeft.bandwidth()).attr("x", (d) => d.value >= 0 ? xScale(0) : xScale(d.value)).attr("width", (d) => Math.abs(xScale(d.value) - xScale(0))).style("shape-rendering", "crispEdges").attr("stroke-dasharray", (d) => d.properties.stackBorderStyle == 2 ? "5,3" : "0").attr("stroke-width", (d) => `${d.properties.stackBorderWidth}px`).attr("hoverId", (d) => ((IsadvanceanalyticsChart ? d.legend.split(" - ")[0] : d["dimension"]) || "Legend").replace(/\s+/g, "-")).attr(
+    ).enter().append("rect").attr("class", "rect").attr("y", (d) => d.legendText ? yScaleLeft(d.legendText) : yScaleLeft(chartTypes.TornadoDefaultEntry)).attr("height", yScaleLeft.bandwidth()).attr("x", (d) => d.value >= 0 ? xScale(0) : xScale(d.value)).attr("width", (d) => Math.abs(xScale(d.value) - xScale(0))).style("shape-rendering", "crispEdges").attr("stroke-dasharray", (d) => d.properties.stackBorderStyle == 2 ? "5,3" : "0").attr("stroke-width", (d) => `${d.properties.stackBorderWidth}px`).attr("hoverId", (d) => ((isAdvanceAnalyticsChart ? d.legend.split(" - ")[0] : d["dimension"]) || "Legend").replace(/\s+/g, "-")).attr(
       "stroke",
       (d) => d.properties.stackBorderStyle == 0 ? "none" : formatOptions.column.stackBorderVisibility ? d.properties.stackBorderColor : "none"
     ).style(
       "fill",
-      (d) => IsadvanceanalyticsChart ? d.value > 0 ? positiveBarColor !== "#ffffff" ? positiveBarColor : "none" : negativeBarColor !== "#ffffff" ? negativeBarColor : "none" : d.properties.color
+      (d) => isAdvanceAnalyticsChart ? d.value > 0 ? positiveBarColor !== "#ffffff" ? positiveBarColor : "none" : negativeBarColor !== "#ffffff" ? negativeBarColor : "none" : d.properties.color
     ).on("mousemove", (event2, d) => {
       showTooltipOnMouseMove(
         [
@@ -54427,14 +54841,7 @@ const TornadoChart = ({
   };
   const drawColumnChart = () => {
     getChartType();
-    initXaxisBar(
-      formatOptions,
-      gTag,
-      xLabel,
-      innerHeight2,
-      innerWidth2,
-      xAxis
-    );
+    initXaxisBar(formatOptions, gTag, xLabel, innerHeight2, innerWidth2, xAxis);
     commonAnnotations(
       filteredData,
       yScaleLeft,
@@ -54460,7 +54867,7 @@ const TornadoChart = ({
       svg,
       yScaleLeft,
       columnWidth,
-      IsadvanceanalyticsChart,
+      isAdvanceAnalyticsChart,
       isReportEditable,
       barChart
     );