pace-chart-lib 1.0.22 → 1.0.23

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

@@ -10721,11 +10721,24 @@
     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,
@@ -11473,6 +11486,10 @@
     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 = {
@@ -11527,7 +11544,7 @@
     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();
@@ -11597,8 +11614,7 @@
       "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,
@@ -11665,7 +11681,7 @@
           left2 = yAxisRelatedMargin + 5;
           break;
         case staticLegendPosition.top:
-          right2 = 5 + secondaryExtra;
+          right2 = 15 + secondaryExtra;
           left2 = yAxisRelatedMargin + 5;
           break;
         case staticLegendPosition.right:
@@ -12838,61 +12854,77 @@
         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;
@@ -12901,60 +12933,65 @@
             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;
               }
             });
@@ -12982,13 +13019,14 @@
               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,
@@ -13008,10 +13046,10 @@
             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);
@@ -13040,17 +13078,19 @@
         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),
@@ -13319,11 +13359,11 @@
           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;
@@ -13367,7 +13407,7 @@
             }
           },
           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);
@@ -13408,7 +13448,7 @@
           }
         }).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);
@@ -14318,7 +14358,7 @@
           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;
@@ -14411,7 +14451,7 @@
             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++) {
@@ -14482,7 +14522,7 @@
               height: 15,
               width: 15
             },
-            color: labelType !== "6" ? d.data.labelColor : d.properties.labelColor,
+            color: d.properties.labelColor,
             type: annotationTypeforCharts(d3Annotation2, parseFloat(annotationType)),
             height,
             width
@@ -14916,11 +14956,132 @@
       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: [],
@@ -15006,9 +15167,8 @@
     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;
@@ -15111,21 +15271,13 @@
       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);
@@ -15137,12 +15289,12 @@
           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;
@@ -15180,13 +15332,13 @@
           );
           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) {
@@ -15195,9 +15347,9 @@
           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)`;
           });
         });
@@ -15209,10 +15361,10 @@
   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);
     }
@@ -15422,7 +15574,7 @@
   }
   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";
@@ -16010,7 +16162,7 @@
         return {
           ...item,
           properties,
-          data: item.data
+          data: normalizedData
         };
       });
     } catch (error) {
@@ -16474,7 +16626,9 @@
           )
         ).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(
@@ -16523,7 +16677,13 @@
         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)`
         );
@@ -16536,9 +16696,12 @@
           (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(
@@ -16547,10 +16710,10 @@
         );
         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) => {
@@ -16746,10 +16909,6 @@
     let xScale;
     let xScaleForLegends;
     let calculatedRange;
-    let stackAreaChartDataForPrimaryAxis = [];
-    let stackAreaChartDataForSecondaryAxis = [];
-    let stackColumnChartDataForPrimaryAxis = [];
-    let stackColumnChartDataForSecondaryAxis = [];
     let primaryStackAxisData = [];
     let secondaryStackAxisData = [];
     let primaryStackAreaAxisData = [];
@@ -16965,7 +17124,7 @@
             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);
@@ -17021,7 +17180,8 @@
         primaryStackAreaAxisData,
         primaryStackColumnAxisData,
         secondaryStackAreaAxisData,
-        secondaryStackColumnAxisData
+        secondaryStackColumnAxisData,
+        seriesData
       );
       if (primaryStackAxisData.length > 0) {
         let valueArray = [];
@@ -17062,91 +17222,85 @@
         );
       }
     };
-    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(
@@ -17189,7 +17343,7 @@
       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);
@@ -17219,6 +17373,15 @@
         ).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,
@@ -17227,20 +17390,8 @@
             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);
       }
@@ -17257,10 +17408,8 @@
             drawColumnChart(data2);
             break;
           case chartTypes.LineChart:
-            drawLineChart([data2]);
             break;
           case chartTypes.AreaChart:
-            drawAreaChart([data2]);
             break;
           case chartTypes.StackColumnChart:
             stackColumnData = createStackData(data2);
@@ -17272,6 +17421,14 @@
             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) => {
@@ -17282,19 +17439,15 @@
         "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",
@@ -17330,7 +17483,8 @@
             }
           ],
           formatOptions,
-          event2
+          event2,
+          seriesData.filter((e) => e.legend === d.legend)[0].properties
         );
       }).on("mouseout", hideTooltipOnMouseOut);
       columnGroups.exit().remove();
@@ -17345,13 +17499,13 @@
       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"
@@ -17360,13 +17514,13 @@
           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"
@@ -17375,7 +17529,7 @@
       lineMarkers(
         lines,
         lineData,
-        "CombiLine",
+        chartTypes.CombinationLine,
         xScale,
         yScaleLeft,
         yScaleRight,
@@ -17389,27 +17543,33 @@
       );
     };
     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);
@@ -17421,13 +17581,13 @@
           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"
@@ -17443,30 +17603,48 @@
         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"
@@ -17475,7 +17653,7 @@
       lineMarkers(
         areas,
         data2.data,
-        "CombiStackArea",
+        chartTypes.CombinationStackArea,
         xScale,
         yScaleLeft,
         yScaleRight,
@@ -17497,16 +17675,16 @@
       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
@@ -17550,7 +17728,8 @@
             }
           ],
           formatOptions,
-          event2
+          event2,
+          seriesData.filter((e) => e.legend === d.key)[0].properties
         );
       }).on("mouseout", hideTooltipOnMouseOut);
       stackColumnGroups.exit().remove();
@@ -17567,7 +17746,8 @@
         primaryStackAreaAxisData,
         primaryStackColumnAxisData,
         secondaryStackAreaAxisData,
-        secondaryStackColumnAxisData
+        secondaryStackColumnAxisData,
+        fData
       );
       filteredData = JSON.parse(JSON.stringify(requiredData));
       filteredData.forEach((data2, i) => {
@@ -18014,7 +18194,9 @@
           )
         ).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 = () => {
@@ -18034,7 +18216,13 @@
         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)`
         );
@@ -18047,10 +18235,10 @@
           (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",
@@ -18211,11 +18399,8 @@
     let scrollbarVisible = false;
     const chartType = chartTypes.StackColumnChart;
     const svgRef = require$$0$1.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);
@@ -18257,6 +18442,7 @@
     let scrollPosition = 0;
     let visibleBars;
     let stackChartData = [];
+    let totalValueMap = /* @__PURE__ */ new Map();
     const isNormalizedChart = false;
     let chartJSON = {
       dimensionList,
@@ -18411,7 +18597,7 @@
         width,
         legendMargin,
         formatOptions,
-        seriesData,
+        [...seriesData].reverse(),
         chartId,
         staticLegendShape.rectangle
       );
@@ -18512,7 +18698,9 @@
           )
         ).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 = () => {
@@ -18611,6 +18799,7 @@
       filteredData = fData;
       filteredDimension = fDimension;
       visibleBars = fVisibleBars;
+      createTotalMeasureValueMap(data, totalValueMap, filteredDimension);
       drawLineChart();
     };
     const drawLineChart = () => {
@@ -18660,6 +18849,20 @@
         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;
@@ -19131,7 +19334,7 @@
         width,
         legendMargin,
         formatOptions,
-        seriesData,
+        [...seriesData].reverse(),
         chartId,
         staticLegendShape.rectangle
       );
@@ -19264,7 +19467,10 @@
       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) => {
@@ -20691,6 +20897,9 @@
       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
@@ -20729,9 +20938,6 @@
       } else {
         filteredDimension = chartJSON.dimensionList;
       }
-      if (formatOptions.plotArea.hideZeroValues) {
-        chartJSON.hideZeroValues = true;
-      }
     };
     const initScale = () => {
       let yAxisLabelArray = responsiveYaxisLabel$1(
@@ -20807,7 +21013,9 @@
           )
         ).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(
@@ -20823,7 +21031,9 @@
             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);
       }
@@ -20844,8 +21054,10 @@
         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);
@@ -20857,32 +21069,25 @@
           "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(
@@ -21009,12 +21214,10 @@
     const barWidth = 0;
     const chartType = chartTypes.StackLineChart;
     const svgRef = require$$0$1.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);
@@ -21203,7 +21406,7 @@
         width,
         legendMargin,
         formatOptions,
-        seriesData,
+        [...seriesData].reverse(),
         chartId,
         staticLegendShape.line
       );
@@ -21221,10 +21424,27 @@
         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;
@@ -21273,9 +21493,6 @@
       chartJSON.dimensionList.forEach((d, i) => {
         chartJSON.formattedDimensionListMap.set(d, formatedDimensionList[i]);
       });
-      if (formatOptions.plotArea.hideZeroValues) {
-        chartJSON.hideZeroValues = true;
-      }
     };
     const initScale = () => {
       let yAxisLabelArray = responsiveYaxisLabel$1(
@@ -21339,7 +21556,9 @@
           )
         ).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 = () => {
@@ -21356,7 +21575,10 @@
       });
       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);
@@ -21364,15 +21586,27 @@
       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();
         {
@@ -21381,7 +21615,9 @@
         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);
@@ -21512,7 +21748,11 @@
         (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(
@@ -21525,6 +21765,7 @@
       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(
@@ -21547,10 +21788,7 @@
     const barWidth = 0;
     const chartType = chartTypes.NormalizedStackLineChart;
     const svgRef = require$$0$1.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;
@@ -21733,7 +21971,7 @@
         width,
         legendMargin,
         formatOptions,
-        seriesData,
+        [...seriesData].reverse(),
         chartId,
         staticLegendShape.line
       );
@@ -21755,6 +21993,12 @@
     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;
@@ -21767,9 +22011,6 @@
       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,
@@ -21856,18 +22097,30 @@
       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();
         {
@@ -21875,10 +22128,18 @@
         }
         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();
@@ -22068,6 +22329,7 @@
     let secondaryYLabel;
     let maxNumberForPrimaryAxis;
     let maxNumberForSecondaryAxis;
+    let totalValueMap = /* @__PURE__ */ new Map();
     let innerWidth2;
     let innerHeight2;
     let width;
@@ -22273,7 +22535,7 @@
       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(
@@ -22330,13 +22592,14 @@
     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(
@@ -22347,7 +22610,9 @@
           )
         ).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(
@@ -22363,7 +22628,9 @@
             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);
       }
@@ -22387,13 +22654,31 @@
         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(
@@ -22402,11 +22687,11 @@
         );
         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 {
@@ -22429,7 +22714,11 @@
               {
                 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
@@ -22463,6 +22752,7 @@
       filteredData = fData;
       filteredDimension = fDimension;
       visibleBars = fVisibleBars;
+      createTotalMeasureValueMap(data, totalValueMap, filteredDimension);
       drawColumnChart();
     };
     const drawColumnChart = () => {
@@ -22581,6 +22871,7 @@
     let scrollbarVisible = false;
     let stackChartData = [];
     const isNormalizedChart = false;
+    let totalValueMap = /* @__PURE__ */ new Map();
     let chartJSON = {
       dimensionList,
       chartType,
@@ -22704,7 +22995,7 @@
         width,
         legendMargin,
         formatOptions,
-        seriesData,
+        [...seriesData].reverse(),
         chartId,
         staticLegendShape.rectangle
       );
@@ -22826,7 +23117,9 @@
           )
         ).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 = () => {
@@ -22847,14 +23140,22 @@
       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(
@@ -22918,6 +23219,7 @@
       filteredData = fData;
       filteredDimension = fDimension;
       visibleBars = fVisibleBars;
+      createTotalMeasureValueMap(data, totalValueMap, filteredDimension);
       createStackLineData();
       drawLineChart();
     };
@@ -22969,6 +23271,21 @@
         isReportEditable,
         barChart
       );
+      addTotalValue(
+        totalValueMap,
+        yScale,
+        xScaleBottom,
+        margin,
+        d3Annotation,
+        [],
+        formatOptions,
+        chartType,
+        height,
+        width,
+        svg,
+        isReportEditable,
+        barChart
+      );
       getConnectors();
       gTag.selectAll(".connectors").raise();
     };
@@ -23226,7 +23543,10 @@
     let columnWidth = 0;
     const chartType = chartTypes.NormalizedStackHorizontalBarChart;
     const svgRef = require$$0$1.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;
@@ -23391,7 +23711,7 @@
         width,
         legendMargin,
         formatOptions,
-        seriesData,
+        [...seriesData].reverse(),
         chartId,
         staticLegendShape.rectangle
       );
@@ -23521,20 +23841,31 @@
       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) => {
@@ -25055,6 +25386,12 @@
       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
@@ -25089,9 +25426,6 @@
       } else {
         filteredDimension = chartJSON.dimensionList;
       }
-      if (formatOptions.plotArea.hideZeroValues) {
-        chartJSON.hideZeroValues = true;
-      }
     };
     const initScale = () => {
       let yAxisLabelArray = responsiveYaxisLabel$1(
@@ -25155,7 +25489,9 @@
           )
         ).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 = () => {
@@ -25184,7 +25520,13 @@
       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));
         }
@@ -25195,25 +25537,28 @@
           "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");
@@ -25361,10 +25706,7 @@
     const barWidth = 0;
     const chartType = chartTypes.StackAreaChart;
     const svgRef = require$$0$1.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;
@@ -25388,6 +25730,7 @@
     let secondaryYLabel;
     let maxNumberForPrimaryAxis;
     let maxNumberForSecondaryAxis;
+    let totalValueMap = /* @__PURE__ */ new Map();
     let innerWidth2;
     let innerHeight2;
     let width;
@@ -25555,7 +25898,7 @@
         width,
         legendMargin,
         formatOptions,
-        seriesData,
+        [...seriesData].reverse(),
         chartId,
         staticLegendShape.areaWithLine
       );
@@ -25578,6 +25921,12 @@
     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;
@@ -25626,9 +25975,6 @@
       chartJSON.dimensionList.forEach((d, i) => {
         chartJSON.formattedDimensionListMap.set(d, formatedDimensionList[i]);
       });
-      if (formatOptions.plotArea.hideZeroValues) {
-        chartJSON.hideZeroValues = true;
-      }
     };
     const initScale = () => {
       let yAxisLabelArray = responsiveYaxisLabel$1(
@@ -25692,7 +26038,9 @@
           )
         ).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 = () => {
@@ -25722,29 +26070,34 @@
       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);
@@ -25795,6 +26148,7 @@
       filteredData = fData;
       filteredDimension = fDimension;
       visibleBars = fVisibleBars;
+      createTotalMeasureValueMap(data, totalValueMap, filteredDimension);
       createStackLineData();
       drawLineChart();
     };
@@ -25854,6 +26208,20 @@
         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;
@@ -25906,6 +26274,7 @@
           d["hideZero"] = JSON.parse(
             JSON.stringify(seriesData[j].properties.hideZeroValues)
           );
+          d["properties"] = seriesData[j].properties;
         })
       );
     };
@@ -25929,10 +26298,7 @@
     const barWidth = 0;
     const chartType = chartTypes.NormalizedStackAreaChart;
     const svgRef = require$$0$1.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;
@@ -26115,7 +26481,7 @@
         width,
         legendMargin,
         formatOptions,
-        seriesData,
+        [...seriesData].reverse(),
         chartId,
         staticLegendShape.areaWithLine
       );
@@ -26137,6 +26503,12 @@
     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;
@@ -26161,9 +26533,6 @@
       } else {
         filteredDimension = chartJSON.dimensionList;
       }
-      if (formatOptions.plotArea.hideZeroValues) {
-        chartJSON.hideZeroValues = true;
-      }
       const tempStackLineData = getStackedData(
         chartJSON.dimensionList,
         seriesData,
@@ -26234,8 +26603,10 @@
       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) => {
@@ -26257,7 +26628,10 @@
       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));
@@ -26265,33 +26639,39 @@
       });
       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();
@@ -26428,8 +26808,10 @@
       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;
@@ -27496,29 +27878,33 @@
           );
         }).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);
       }
@@ -27937,18 +28323,6 @@
             data: []
           };
         });
-        initLegendListWithTotalValueAllowance(
-          chartFormatOptions,
-          svg,
-          seriesData,
-          width,
-          height,
-          legendListWidth,
-          chartTitleHeight,
-          chartId,
-          margins,
-          staticLegendShape.circle
-        );
       } catch (error) {
         logError$2(fileName$5, "initLegendList", error);
       }
@@ -28539,9 +28913,9 @@
           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) {
@@ -28625,10 +28999,9 @@
           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);
       }
@@ -28685,9 +29058,12 @@
             }
           }
         } 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]
@@ -53549,7 +53925,9 @@
       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;
@@ -53568,7 +53946,11 @@
         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) {
@@ -53579,7 +53961,9 @@
         } 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];
         });
@@ -53652,7 +54036,9 @@
           )
         ).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,
@@ -53668,9 +54054,7 @@
     };
     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);
@@ -53689,10 +54073,30 @@
           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
@@ -53731,7 +54135,15 @@
                 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();
           }
         }
@@ -53894,7 +54306,11 @@
         tempWaterFallData.push(waterFallArr2);
         if (dataRequiredForStackTotal.length > 0) {
           filteredData = dataRequiredForStackTotal;
-          stackTotalData = getStackedData(filteredDimension, dataRequiredForStackTotal, false);
+          stackTotalData = getStackedData(
+            filteredDimension,
+            dataRequiredForStackTotal,
+            false
+          );
         }
         return tempWaterFallData;
       } catch (error) {
@@ -53902,14 +54318,8 @@
       }
     };
     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),
@@ -53937,7 +54347,7 @@
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
     const chartType = chartTypes.TornadoChart;
-    const IsadvanceanalyticsChart = data.IsadvanceanalyticsChart;
+    const isAdvanceAnalyticsChart = data.IsadvanceanalyticsChart ?? false;
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(data.ChartData, data.DimensionList);
     const dimensionList = data.DimensionList;
@@ -54009,6 +54419,7 @@
         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
@@ -54037,7 +54448,7 @@
         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,
@@ -54165,24 +54576,23 @@
         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")) {
@@ -54203,7 +54613,7 @@
     };
     const preProcessChartData = () => {
       let processedSeriesData;
-      if (!IsadvanceanalyticsChart) {
+      if (!isAdvanceAnalyticsChart) {
         const firstMeasure = seriesData[0]?.properties.currentMeasure;
         let yMaxLeft = 0;
         let yMaxRight = -Infinity;
@@ -54237,12 +54647,13 @@
         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
@@ -54266,7 +54677,10 @@
       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();
@@ -54329,16 +54743,16 @@
         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(
           [
@@ -54430,14 +54844,7 @@
     };
     const drawColumnChart = () => {
       getChartType();
-      initXaxisBar(
-        formatOptions,
-        gTag,
-        xLabel,
-        innerHeight2,
-        innerWidth2,
-        xAxis
-      );
+      initXaxisBar(formatOptions, gTag, xLabel, innerHeight2, innerWidth2, xAxis);
       commonAnnotations(
         filteredData,
         yScaleLeft,
@@ -54463,7 +54870,7 @@
         svg,
         yScaleLeft,
         columnWidth,
-        IsadvanceanalyticsChart,
+        isAdvanceAnalyticsChart,
         isReportEditable,
         barChart
       );