pace-chart-lib 1.0.20 → 1.0.22

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

@@ -12503,7 +12503,7 @@
       let formatedResponsiveDimList = [];
       let actualDimesionWidth = dimensionHeightWidthArray[0] + 5;
       let maxDimensionWidth = dimensionHeightWidthArray[3] + 10;
-      if (chartJSON.chartType != chartTypes.WaterfallChart && chartJSON.chartType != chartTypes.ColumnHistogramChart) {
+      if (chartJSON.chartType != chartTypes.ColumnHistogramChart) {
         formatedResponsiveDimList = isDateType ? setDateFormats(
           formatOptions.xAxisLabel.xAxisNumberFormat,
           responsiveDimList.map((d) => d)
@@ -12515,7 +12515,7 @@
           );
         });
       }
-      let isAreaTypeChartAndNotFitChart = !formatOptions.plotArea.fitChart && (chartJSON.chartType == "Area" || chartJSON.chartType == "StackArea" || chartJSON.chartType == "100StackArea");
+      let isAreaTypeChartAndNotFitChart = !formatOptions.plotArea.fitChart && (chartJSON.chartType == chartTypes.AreaChart || chartJSON.chartType == chartTypes.StackAreaChart || chartJSON.chartType == chartTypes.NormalizedStackAreaChart);
       gTag ? "" : gTag = gTag;
       let fontStyle = formatOptions.xAxisLabel.xAxisLabelFontStyle;
       let Rotation = "rotate(" + -formatOptions.xAxisLabel.xAxisLabelRotation + ")";
@@ -12705,6 +12705,9 @@
       ).style("font-weight", fontStyle.includes("Bold") ? "bold" : "").style("color", "black").text((d) => d.seriesValue);
     }
   }
+  function getTransformStringForXaxisLabelPosition(barChart, margin, formatOptions, innerHeight2, xLabel, yLabel) {
+    return barChart ? `rotate(-90) translate(-${margin.top + innerHeight2},${margin.left - 15 - xLabel})` : `translate(${margin.left},${margin.top + innerHeight2 + (formatOptions?.xAxisLabel?.xAxisPosition == "1" ? 0 : barChart ? yLabel : xLabel)})`;
+  }
   function setXaxistitle$1(formatOptions, barChart, svg, margin, xLabel, height, xTitle, chartType, yLabel, innerWidth2, innerHeight2) {
     try {
       let xAxisLabelPosition = formatOptions.xAxisLabel.xAxisPosition;
@@ -12712,29 +12715,11 @@
       let chartsWithYScrollFlag = false;
       let object2 = svg.append("foreignObject").attr(
         "visibility",
-        barChart ? formatOptions.yAxisTitle.yAxisTitleVisibility ? "visible" : "hidden" : formatOptions.xAxisTitle.xAxisTitleVisibility ? "visible" : "hidden"
+        formatOptions.xAxisTitle.xAxisTitleVisibility ? "visible" : "hidden"
       ).attr(
         "transform",
-        // !formatOptions.plotArea.fitChart && chartsWithXScrollFlag
-        //     ? `translate(${margin.left},${margin.top +
-        //     innerHeight +
-        //     (formatOptions?.xAxisLabel?.xAxisPosition == "1" ? 0 : barChart ? yLabel : xLabel)
-        //     })`
-        //     : !formatOptions.plotArea.fitChart && chartsWithYScrollFlag
-        //         ? `translate(${margin.left},${height - xTitle - 5})`
-        //         : `translate(${margin.left},${margin.top +
-        //         innerHeight +
-        //         (chartsWithXScrollFlag
-        //             ? formatOptions?.xAxisLabel?.xAxisPosition == "1"
-        //                 ? 0
-        //                 : xLabel
-        //             : chartType == chartTypes.tornadoChart
-        //                 ? xLabel + 5
-        //                 : yLabel + 5)
-        //         })`
-        `translate(${margin.left},${margin.top + innerHeight2 + (formatOptions?.xAxisLabel?.xAxisPosition == "1" ? 0 : barChart ? yLabel : xLabel)})`
-        // `translate(${margin.left},${Margin.top + innerHeight + (chartsWithXScrollFlag ? (formatOptions?.xAxisLabel?.xAxisPosition == "1" ? 0 : Xlabel) : (attributes.type == chartTypes.TornadoChart) ? Xlabel + 5 : yLabel + 5) })`
-      ).attr("class", "xAxisTitle").attr("width", innerWidth2).attr("height", xTitle + "px").style("z-index", "9999");
+        getTransformStringForXaxisLabelPosition(barChart, margin, formatOptions, innerHeight2, xLabel, yLabel)
+      ).attr("class", "xAxisTitle").attr("width", barChart ? innerHeight2 : innerWidth2).attr("height", xTitle + "px").style("z-index", "9999");
       if (formatOptions.xAxisTitle.xAxisDynamicTitleText.length !== 0) {
         object2.append("xhtml:div").style("color", "rgba(119,119,119)").attr("title", formatOptions.xAxisTitle.xAxisTitleText).style("white-space", "pre").style("text-overflow", "ellipsis").html(
           formatOptions.xAxisTitle.xAxisTitleHTML ? formatOptions.xAxisTitle.xAxisTitleHTML : formatOptions.xAxisTitle.xAxisTitleText
@@ -12756,8 +12741,8 @@
       let currentInnerHeight = dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2 ? innerHeight2 : innerHeight2;
       let object2 = svg.append("foreignObject").attr(
         "visibility",
-        barChart ? formatOptions.xAxisTitle.xAxisTitleVisibility ? "visible" : "hidden" : formatOptions.yAxisTitle.yAxisTitleVisibility ? "visible" : "hidden"
-      ).attr("x", `-${margin.top + currentInnerHeight}`).attr("y", margin.left - (barChart ? xTitle + xLabel : yTitle + yLabel) + 5).attr("class", "yAxisTitle").attr("transform", "rotate(-90)").attr("width", currentInnerHeight).attr("height", yTitle + "px");
+        formatOptions.yAxisTitle.yAxisTitleVisibility ? "visible" : "hidden"
+      ).attr("x", barChart ? margin.left : `-${margin.top + currentInnerHeight}`).attr("y", barChart ? margin.top + currentInnerHeight + yLabel : margin.left - yTitle - yLabel).attr("class", "yAxisTitle").attr("transform", barChart ? "" : "rotate(-90)").attr("width", barChart ? width : currentInnerHeight).attr("height", yTitle + "px");
       if (formatOptions.yAxisTitle.yAxisDynamicTitleText.length !== 0) {
         object2.append("xhtml:div").style("color", "rgba(119,119,119)").attr("title", formatOptions.yAxisTitle.yAxisTitleText).style("white-space", "pre").style("text-overflow", "ellipsis").html(
           formatOptions.yAxisTitle.yAxisTitleHTML ? formatOptions.yAxisTitle.yAxisTitleHTML : formatOptions.yAxisTitle.yAxisTitleText
@@ -14638,31 +14623,36 @@
       throw error;
     }
   };
+  function getTransformStringForYaxisLabels(isTornadoChart, xaxisLabelPosition, formatOptions, xScaleBottom, yMaxLeft, xLabelMargin, labelWidth) {
+    return isTornadoChart ? `rotate(${90 - formatOptions.xAxisLabel.xAxisLabelRotation})
+          translate(${-(xScaleBottom(yMaxLeft * 0.01) + xLabelMargin)} ,-8)` : `rotate(${90 - formatOptions.xAxisLabel.xAxisLabelRotation})
+          translate(${formatOptions.xAxisLabel.xAxisLabelRotation != 0 ? `${xaxisLabelPosition === 1 ? 10 : -xLabelMargin},${-10}` : -labelWidth / 2 + " ,2"})`;
+  }
   const initYaxisBar = (formatOptions, gTag, xLabel, innerHeight2, innerWidth2, yAxis, xAxisTop, xScaleBottom, yMaxLeft, dimensionList, chartType, isDateType, width, dimensionHeightWidthArray, columnWidth) => {
     try {
+      const isTornadoChart = chartType === chartTypes.TornadoChart;
       let fontStyle = formatOptions.xAxisLabel.xAxisLabelFontStyle;
       let xaxisLabelPosition = parseInt(formatOptions.xAxisLabel.xAxisPosition);
       let responsiveDimList = responsiveXaxisLabel(dimensionList, innerHeight2);
       let labelWidth = formatOptions.xAxisLabel.labelTextWrap ? dimensionHeightWidthArray[3] + 10 < width * 0.1 ? dimensionHeightWidthArray[3] + 10 : width * 0.1 : formatOptions.xAxisLabel.xAxisLabelRotation == 0 ? columnWidth : dimensionHeightWidthArray[0] + 5;
-      let xLabelMargin = formatOptions.xAxisLabel.labelTextWrap ? xLabel : labelWidth;
+      let xLabelMargin = formatOptions.xAxisLabel.labelTextWrap ? labelWidth : xLabel;
       let formatedResponsiveDimList = isDateType ? setDateFormats(
         formatOptions.xAxisLabel.xAxisNumberFormat,
         responsiveDimList.map((d) => d)
       ).map((d) => d) : responsiveDimList;
       gTag.selectAll("#yAxisRect").remove();
       gTag.selectAll("#yAxisG").remove();
-      let yRect = gTag.append("rect").attr("id", "yAxisRect").attr("transform", chartType === chartTypes.TornadoChart ? `translate(${-xLabelMargin - 20},0)` : `translate(${xaxisLabelPosition === 0 ? -xLabelMargin - 5 : xaxisLabelPosition === 1 ? innerWidth2 : xScaleBottom(0) + (-xLabelMargin - 5)},0)`).attr("height", innerHeight2).attr("width", chartType === chartTypes.TornadoChart ? xLabelMargin + 20 : xLabelMargin + 5).attr(
+      let yRect = gTag.append("rect").attr("id", "yAxisRect").attr("transform", chartType === chartTypes.TornadoChart ? `translate(${-xLabelMargin + 10},0)` : `translate(${xaxisLabelPosition === 0 ? -xLabelMargin - 5 : xaxisLabelPosition === 1 ? innerWidth2 : xScaleBottom(0) + (-xLabelMargin - 5)},0)`).attr("height", innerHeight2).attr("width", chartType === chartTypes.TornadoChart ? xLabelMargin + 20 : xLabelMargin + 5).attr(
         "fill",
         formatOptions.xAxisLabel.xAxisLabelVisibility ? formatOptions.xAxisLabel.xAxisBackgroundColor ? formatOptions.xAxisLabel.xAxisBackgroundColor !== "#ffffff" ? formatOptions.xAxisLabel.xAxisBackgroundColor : "none" : formatOptions.chartArea.chartAreaColor : formatOptions.chartArea.chartAreaColor
       );
-      const YaxisG = gTag.append("g").attr("id", "yAxisG").attr("transform", chartType === chartTypes.TornadoChart ? `translate(${xScaleBottom(0)},0)` : `translate(${xaxisLabelPosition === 0 ? 0 : xaxisLabelPosition === 1 ? innerWidth2 : xScaleBottom(0)},0)`).call(yAxis);
-      if (chartType !== chartTypes.TornadoChart) {
+      const YaxisG = gTag.append("g").attr("id", "yAxisG").attr("transform", isTornadoChart ? `translate(${xScaleBottom(0)},0)` : `translate(${xaxisLabelPosition === 0 ? 0 : xaxisLabelPosition === 1 ? innerWidth2 : xScaleBottom(0)},0)`).call(yAxis);
+      if (true) {
         let foreignObject = YaxisG.selectAll("g").append("foreignObject").attr("class", "testingoverflowing").attr("width", xLabelMargin).attr("height", "20px").attr(
           "transform",
-          `rotate(${90 - formatOptions.xAxisLabel.xAxisLabelRotation})
-          translate(${formatOptions.xAxisLabel.xAxisLabelRotation != 0 ? `${xaxisLabelPosition === 1 ? 10 : -xLabelMargin},${-10}` : -labelWidth / 2 + " ,2"})`
+          getTransformStringForYaxisLabels(isTornadoChart, xaxisLabelPosition, formatOptions, xScaleBottom, yMaxLeft, xLabelMargin, labelWidth)
         );
-        foreignObject.append("xhtml:h3").style("white-space", "pre").style("text-overflow", "ellipsis").style("text-align", formatOptions.xAxisLabel.xAxisLabelRotation == 0 ? "center" : "start").style("user-select", "none").style("margin", 0).style("margin-top", "5px").style("padding", 0).style("overflow", "hidden").style("font-family", formatOptions.xAxisLabel.xAxisLabelFontFamily).style("font-style", formatOptions.xAxisLabel.xAxisLabelFontStyle).style("color", formatOptions.xAxisLabel.xAxisLabelColor).style("font-size", formatOptions.xAxisLabel.xAxisLabelFontSize + "px").style("font-style", fontStyle.includes("Italic") ? "Italic" : "").style(
+        foreignObject.append("xhtml:h3").style("white-space", "pre").style("text-overflow", "ellipsis").style("text-align", formatOptions.xAxisLabel.xAxisLabelRotation == 0 ? "center" : "start").style("user-select", "none").style("margin", 0).style("padding", 0).style("overflow", "hidden").style("font-family", formatOptions.xAxisLabel.xAxisLabelFontFamily).style("font-style", formatOptions.xAxisLabel.xAxisLabelFontStyle).style("color", formatOptions.xAxisLabel.xAxisLabelColor).style("font-size", formatOptions.xAxisLabel.xAxisLabelFontSize + "px").style("font-style", fontStyle.includes("Italic") ? "Italic" : "").style(
           "text-decoration",
           fontStyle.includes("Underline") ? "Underline" : ""
         ).style("font-weight", fontStyle.includes("Bold") ? "Bold" : "").style(
@@ -14671,13 +14661,6 @@
         ).attr("title", (d, i) => formatedResponsiveDimList[i]).html((d, i) => formatedResponsiveDimList[i]);
       }
       if (chartType === chartTypes.TornadoChart) {
-        YaxisG.selectAll("text").attr("dx", `${-(xScaleBottom(yMaxLeft * 0.01) + 15)}px`).style("fill", formatOptions.xAxisLabel.xAxisLabelColor !== "#ffffff" ? formatOptions.xAxisLabel.xAxisLabelColor : "none").style("font-family", formatOptions.xAxisLabel.xAxisLabelFontFamily).style("color", formatOptions.xAxisLabel.xAxisLabelColor).style("font-size", formatOptions.xAxisLabel.xAxisLabelFontSize + "px").style("font-style", fontStyle.includes("Italic") ? "Italic" : "").style(
-          "text-decoration",
-          fontStyle.includes("Underline") ? "Underline" : ""
-        ).style("font-weight", fontStyle.includes("Bold") ? "Bold" : "").style(
-          "visibility",
-          formatOptions.xAxisLabel.xAxisLabelVisibility ? "visible" : "hidden"
-        ).attr("title", (d, i) => responsiveXaxisLabel(dimensionList, innerWidth2)[i]).html((d, i) => responsiveXaxisLabel(dimensionList, innerWidth2)[i]);
         if (xAxisTop) {
           const YaxisRightG = gTag.append("g").attr("transform", `translate(${xScaleBottom(0)},0)`).call(xAxisTop);
           YaxisRightG.selectAll("line").style("shape-rendering", "crispEdges").style("stroke", formatOptions.plotArea.gridLinesColor).attr(
@@ -14688,7 +14671,15 @@
             "stroke-width",
             formatOptions.xAxisLabel.xAxisWidth ?? formatOptions.plotArea.plotAreaBorderThickness
           );
+          YaxisRightG.selectAll("text").style(
+            "visibility",
+            "hidden"
+          );
         }
+        YaxisG.selectAll("text").style(
+          "visibility",
+          "hidden"
+        );
       } else {
         YaxisG.selectAll("text").style(
           "visibility",
@@ -16984,20 +16975,24 @@
           }
         }
         series.data.forEach((point2) => {
-          point2.type = series.properties.type;
-          point2.axis = series.properties.axis;
-          point2.labelPosition = series.properties.dataLabelPosition;
-          point2.labelColor = series.properties.labelColor;
+          const newPoint = {
+            ...point2,
+            type: series.properties.type,
+            axis: series.properties.axis,
+            labelPosition: series.properties.dataLabelPosition,
+            labelColor: series.properties.labelColor
+          };
           if (series.properties.axis === "Secondary") {
             isSecondaryAxisDrawn = true;
-            yMaxRight = Math.max(yMaxRight, point2.value);
-            yMinRight = Math.min(yMinRight, point2.value);
+            yMaxRight = Math.max(yMaxRight, newPoint.value);
+            yMinRight = Math.min(yMinRight, newPoint.value);
           } else {
-            yMaxLeft = Math.max(yMaxLeft, point2.value);
-            yMinLeft = Math.min(yMinLeft, point2.value);
+            yMaxLeft = Math.max(yMaxLeft, newPoint.value);
+            yMinLeft = Math.min(yMinLeft, newPoint.value);
           }
         });
       });
+      filteredData = JSON.parse(JSON.stringify(seriesData));
       chartJSON.chartData = tempChartData;
       chartJSON.legendList = legendList;
       chartJSON.yMaxLeft = yMaxLeft;
@@ -19251,8 +19246,10 @@
     const getChartType = (lineData) => {
       stackChartData.forEach(
         (data2, i) => data2.forEach((item, position) => {
-          lineData[i].data[position][0] = item[0] = item.data.total === 0 ? 0 : item[0] / item.data.total;
-          lineData[i].data[position][1] = item[1] = item.data.total === 0 ? 0 : item[1] / item.data.total;
+          if (lineData[i].data[position] && lineData[i].data[position][0] !== void 0 && lineData[i].data[position][1] !== void 0) {
+            lineData[i].data[position][0] = item[0] = item.data.total === 0 ? 0 : item[0] / item.data.total;
+            lineData[i].data[position][1] = item[1] = item.data.total === 0 ? 0 : item[1] / item.data.total;
+          }
         })
       );
       lineData.forEach((lData) => {
@@ -22209,9 +22206,7 @@
         margin,
         yTitle,
         yLabel,
-        width,
-        xTitle,
-        xLabel
+        width
       );
       yAxistitleRight(
         svg,
@@ -22698,9 +22693,7 @@
         margin,
         yTitle,
         yLabel,
-        width,
-        xTitle,
-        xLabel
+        width
       );
       setChartTitle(svg, formatOptions, width, chartTitleHeight);
       drawLegends(
@@ -23387,9 +23380,7 @@
         margin,
         yTitle,
         yLabel,
-        void 0,
-        xTitle,
-        xLabel
+        void 0
       );
       setChartTitle(svg, formatOptions, width, chartTitleHeight);
       drawLegends(
@@ -26696,7 +26687,7 @@
                     chartFormatOptions.toolTip.toolTipDecimalPrecision
                   )
                 ) + "%" : getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormat,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.currentTarget.__data__.data.data[0].value)
@@ -27063,7 +27054,7 @@
                     chartFormatOptions.toolTip.toolTipDecimalPrecision
                   )
                 ) + "%" : getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormat,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.currentTarget.__data__.data.data[0].value)
@@ -27163,7 +27154,7 @@
           ).attr(
             "font-family",
             (d) => d.data.properties?.valueFont ?? "Helvetica"
-          ).attr("transform", (d) => getDataLabelTransformString(d, isSingleDataLabel)).attr("visibility", (d) => d.endAngle - d.startAngle < 0.17 ? "hidden" : "visible").attr("text-anchor", "middle").attr("alignment-baseline", "middle").attr("dy", chartFormatOptions.plotArea.dataLabelName ? "1.00em" : "0").text((d) => {
+          ).attr("fill", (d) => d.data.properties?.valueFontColor ?? "#000000").attr("transform", (d) => getDataLabelTransformString(d, isSingleDataLabel)).attr("visibility", (d) => d.endAngle - d.startAngle < 0.17 ? "hidden" : "visible").attr("text-anchor", "middle").attr("alignment-baseline", "middle").attr("dy", chartFormatOptions.plotArea.dataLabelName ? "1.00em" : "0").text((d) => {
             if (chartFormatOptions.plotArea.dataLabelValue) {
               const dataValue = d.data.data[0].value;
               if (chartFormatOptions.plotArea.dataLabelValue && dataValue !== void 0) {
@@ -27189,7 +27180,7 @@
           ).attr(
             "font-weight",
             (d) => d.data.properties?.valueFontStyle?.includes(fontStyleOptions.bold) ? fontStyleOptions.bold : "300"
-          ).attr("fill-opacity", 0.5).text((d) => {
+          ).attr("fill", (d) => d.data.properties?.valueFontColor ?? "#000000").attr("fill-opacity", 0.5).text((d) => {
             const dataValue = Math.abs(d.data.data[0].value);
             if (chartFormatOptions.plotArea.plotAreaAbsoluteValue && dataValue !== void 0) {
               return format(".2s")(dataValue);
@@ -27230,7 +27221,69 @@
             const textWidth = 80;
             const xOffset = midangle < Math.PI ? 0 : -textWidth;
             return radius * 1.1 * (midangle < Math.PI ? 1 : -1) + xOffset;
-          }).attr("y", (d) => outerRadius.centroid(d)[1] - 30).append("xhtml:div").attr("hoverId", (d) => (d.data?.properties?.alias || d.data?.properties?.name || "Legend").replace(/\s+/g, "-")).style("display", "flex").style("flex-direction", "column").style("justify-content", "center").style("align-items", "center").style("height", "60px");
+          }).attr("y", (d) => outerRadius.centroid(d)[1] - 30).append("xhtml:div").attr("hoverId", (d) => (d.data?.properties?.alias || d.data?.properties?.name || "Legend").replace(/\s+/g, "-")).style("display", "flex").style("flex-direction", "column").style("justify-content", "center").style("align-items", "center").style("height", "60px").html((d) => {
+            try {
+              let value2 = d.data.data[0].value.toString();
+              if (d.data.data[0].value !== void 0) {
+                value2 = chartFormatOptions.plotArea.dataLabelNumberFormat === ",.0%" ? (Math.abs(d.data.data[0].value / pieTotalValue) * 100).toFixed(
+                  convertStringToNumber(
+                    chartFormatOptions.plotArea.dataLabelDecimalPrecision
+                  )
+                ) + "%" : getNumberWithFormatFunction(
+                  chartFormatOptions.plotArea.plotAreaDisplayUnits,
+                  chartFormatOptions.plotArea.dataLabelNumberFormat,
+                  chartFormatOptions.plotArea.dataLabelDecimalPrecision
+                )(d.data.data[0].value);
+              }
+              let htmlString = "";
+              if (chartFormatOptions.plotArea.dataLabelName) {
+                htmlString += `<span style="
+          font-size: ${d.data.properties.labelFontSize}px;
+          color: ${d.data.properties.labelFontColor};
+          font-style: ${d.data.properties.labelFontStyle.includes(fontStyleOptions.italic) ? fontStyleOptions.italic : ""};
+          text-decoration: ${d.data.properties.labelFontStyle.includes(
+                  fontStyleOptions.underline
+                ) ? fontStyleOptions.underline : ""};
+          font-weight: ${d.data.properties.labelFontStyle.includes(fontStyleOptions.bold) ? fontStyleOptions.bold : ""};
+          font-family: ${d.data.properties.labelFont};
+          display: block; white-space: nowrap; width:80px; overflow:hidden; text-overflow:ellipsis; text-align: center;">
+          ${d.data.legend}
+        </span>`;
+              }
+              if (chartFormatOptions.plotArea.dataLabelValue && d.data.data[0].value !== void 0) {
+                htmlString += `<span style="
+          font-size: ${d.data.properties.valueFontSize}px;
+          color: ${d.data.properties.valueFontColor};
+          font-style: ${d.data.properties.valueFontStyle.includes(fontStyleOptions.italic) ? fontStyleOptions.italic : ""};
+          text-decoration: ${d.data.properties.valueFontStyle.includes(
+                  fontStyleOptions.underline
+                ) ? fontStyleOptions.underline : ""};
+          font-weight: ${d.data.properties.valueFontStyle.includes(fontStyleOptions.bold) ? fontStyleOptions.bold : "300"};
+          font-family: ${d.data.properties.valueFont};
+          display: block;">
+          ${value2}
+        </span>`;
+              }
+              if (chartFormatOptions.plotArea.plotAreaAbsoluteValue && d.data[0].value !== void 0) {
+                htmlString += `<span style="
+          font-size: ${d.data.properties.valueFontSize}px;
+          color: ${d.data.properties.valueFontColor};
+          font-style: ${d.data.properties.valueFontStyle.includes(fontStyleOptions.italic) ? fontStyleOptions.italic : ""};
+          text-decoration: ${d.data.properties.valueFontStyle.includes(
+                  fontStyleOptions.underline
+                ) ? fontStyleOptions.underline : ""};
+          font-weight: ${d.data.properties.valueFontStyle.includes(fontStyleOptions.bold) ? fontStyleOptions.bold : "300"};
+          font-family: ${d.data.properties.valueFont};
+          display: block;">
+          ${format(".2s")(d.data[0].value)}
+        </span>`;
+              }
+              return htmlString;
+            } catch (error) {
+              logError$2(fileName$7, "drawDonutDataLabels", error);
+              return "";
+            }
+          });
         }
       } catch (error) {
         logError$2(fileName$7, "drawDonutDataLabels", error);
@@ -27615,7 +27668,7 @@
                     chartFormatOptions.toolTip.toolTipDecimalPrecision
                   ) ?? 0
                 ) + "%" : getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormat,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.currentTarget.__data__.data.data[0].value)
@@ -27683,7 +27736,7 @@
                     chartFormatOptions.toolTip.toolTipDecimalPrecision
                   )
                 ) + "%" : getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormat,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.currentTarget.__data__.data.data[0].value)
@@ -28030,26 +28083,26 @@
                 ${centerX + bottomWidth / 2},${yBottom}
                 ${centerX - bottomWidth / 2},${yBottom}
               `
-            ).attr("fill", d.properties.color || "#4cb2ff").on("mousemove", function(d2) {
+            ).attr("fill", d.properties.color || "#4cb2ff").on("mousemove", function() {
               try {
                 showTooltipOnMouseMove(
                   [
                     {
-                      key: d2.legend,
-                      value: chartFormatOptions.toolTip.toolTipNumberFormat == ",.0%" ? d2.data[0].value ? (Math.abs(d2.data[0].value / pyramidTotalValue) * 100).toFixed(
+                      key: d.legend,
+                      value: chartFormatOptions.toolTip.toolTipNumberFormat == ",.0%" ? d.data[0].value ? (Math.abs(d.data[0].value / pyramidTotalValue) * 100).toFixed(
                         convertStringToNumber(
                           chartFormatOptions.toolTip.toolTipDecimalPrecision
                         )
                       ) + "%" : "" : getNumberWithFormatFunction(
-                        "None",
+                        chartFormatOptions.toolTip.toolTipDisplayUnits,
                         chartFormatOptions.toolTip.toolTipNumberFormat,
                         chartFormatOptions.toolTip.toolTipDecimalPrecision
-                      )(d2.data[0].value)
+                      )(d.data[0].value)
                     }
                   ],
                   chartFormatOptions,
                   void 0,
-                  d2.currentTarget.__data__.data.properties
+                  d.properties
                 );
                 select$2(this).style("opacity", 0.8).style("stroke", chartFormatOptions.chartArea.chartAreaColor).style("stroke-width", "3px");
               } catch (error) {
@@ -28376,7 +28429,7 @@
                 {
                   key: ChartData[0].properties.alias,
                   value: chartFormatOptions.toolTip.toolTipNumberFormatProgress == ",.0%" ? "100 %" : getNumberWithFormatFunction(
-                    "None",
+                    chartFormatOptions.toolTip.toolTipDisplayUnits,
                     chartFormatOptions.toolTip.toolTipNumberFormatProgress,
                     chartFormatOptions.toolTip.toolTipDecimalPrecision
                   )(maxValue)
@@ -28414,7 +28467,7 @@
                 {
                   key: ChartData[1].properties.alias,
                   value: chartFormatOptions.toolTip.toolTipNumberFormatProgress == ",.0%" ? Math.round(progressValue / maxValue * 100) + "%" : getNumberWithFormatFunction(
-                    "None",
+                    chartFormatOptions.toolTip.toolTipDisplayUnits,
                     chartFormatOptions.toolTip.toolTipDecimalPrecision,
                     chartFormatOptions.toolTip.toolTipNumberFormatProgress
                   )(maxValue)
@@ -28422,7 +28475,7 @@
                 {
                   key: ChartData[0].properties.alias,
                   value: chartFormatOptions.toolTip.toolTipNumberFormatProgress == ",.0%" ? "100 %" : getNumberWithFormatFunction(
-                    "None",
+                    chartFormatOptions.toolTip.toolTipDisplayUnits,
                     chartFormatOptions.toolTip.toolTipDecimalPrecision,
                     chartFormatOptions.toolTip.toolTipNumberFormatProgress
                   )(progressValue)
@@ -28471,7 +28524,7 @@
           chartFormatOptions.plotArea.dataLabels ? "visible" : "hidden"
         ).attr(
           "fill",
-          chartFormatOptions.plotArea.dataLabelValueColor !== "#ffffff" ? chartFormatOptions.plotArea.dataLabelValueColor : "none"
+          chartFormatOptions.plotArea.dataLabelValueColor !== "#ffffff" ? chartFormatOptions.plotArea.dataLabelValueColor : chartFormatOptions.toolTip.toolTipDisplayUnits
         ).attr(
           "font-style",
           valuefontStyle.includes(fontStyleOptions.italic) ? fontStyleOptions.italic : ""
@@ -28831,7 +28884,7 @@
                         value: chartFormatOptions.plotArea.dataLabelNumberFormat == ",.0%" ? Math.round(
                           ChartData[index2].data[0].value / ticks2[ticks2.length - 1] * 100
                         ) + "%" : getNumberWithFormatFunction(
-                          "None",
+                          chartFormatOptions.toolTip.toolTipDisplayUnits,
                           chartFormatOptions.toolTip.toolTipNumberFormat,
                           chartFormatOptions.toolTip.toolTipDecimalPrecision
                         )(ChartData[index2].data[0].value)
@@ -29198,7 +29251,7 @@
                     chartFormatOptions.toolTip.toolTipDecimalPrecision
                   )
                 ) + "%" : getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormatProgress,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.data[0].value)
@@ -29247,7 +29300,7 @@
                 {
                   key: chartFormatOptions.yAxisTitle.yAxisTitleText,
                   value: getNumberWithFormatFunction(
-                    "None",
+                    chartFormatOptions.toolTip.toolTipDisplayUnits,
                     chartFormatOptions.toolTip.toolTipNumberFormat,
                     chartFormatOptions.toolTip.toolTipDecimalPrecision
                   )(d.data[0].value)
@@ -29758,7 +29811,7 @@
                     {
                       key: d.properties.alias,
                       value: getNumberWithFormatFunction(
-                        "None",
+                        chartFormatOptions.toolTip.toolTipDisplayUnits,
                         chartFormatOptions.toolTip.toolTipNumberFormat,
                         chartFormatOptions.toolTip.toolTipDecimalPrecision
                       )(d.data[0].value)
@@ -33233,7 +33286,7 @@
               {
                 key: d.label,
                 value: getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormat,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.size)
@@ -33984,7 +34037,7 @@
                   {
                     key: d.name.split("~$~")[1],
                     value: chartFormatOptions.toolTip.toolTipNumberFormat == ",.0%" ? layerWisePercentage.get(d.name) + "%" : getNumberWithFormatFunction(
-                      "None",
+                      chartFormatOptions.toolTip.toolTipDisplayUnits,
                       chartFormatOptions.toolTip.toolTipNumberFormat,
                       chartFormatOptions.toolTip.toolTipDecimalPrecision
                     )(d.value)
@@ -34063,7 +34116,7 @@
                   {
                     key: d.source.name.split("~$~")[1] + "→" + d.target.name.split("~$~")[1],
                     value: getNumberWithFormatFunction(
-                      "None",
+                      chartFormatOptions.toolTip.toolTipDisplayUnits,
                       chartFormatOptions.toolTip.toolTipNumberFormat,
                       chartFormatOptions.toolTip.toolTipDecimalPrecision
                     )(d.value)
@@ -49635,7 +49688,7 @@
                   value: chartFormatOptions.toolTip.toolTipNumberFormat == ",.0%" ? Math.round(
                     d.properties.data?.data[1]?.value / bubbleTotal * 100
                   ) + "%" : getNumberWithFormatFunction(
-                    "None",
+                    chartFormatOptions.toolTip.toolTipDisplayUnits,
                     chartFormatOptions.toolTip.toolTipNumberFormat,
                     chartFormatOptions.toolTip.toolTipDecimalPrecision
                   )(d.properties.data?.data[1]?.value)
@@ -52337,7 +52390,7 @@
               {
                 key: chartFormatOptions.xAxisTitle.xAxisTitleText,
                 value: getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormat,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.dimension)
@@ -52345,7 +52398,7 @@
               {
                 key: chartFormatOptions.yAxisTitle.yAxisTitleText,
                 value: getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormat,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.measure)
@@ -52775,7 +52828,7 @@
               {
                 key: chartFormatOptions.xAxisTitle.xAxisTitleText,
                 value: getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormat,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.dimension)
@@ -52783,7 +52836,7 @@
               {
                 key: chartFormatOptions.yAxisTitle.yAxisTitleText,
                 value: getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormat,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.measure)
@@ -53229,7 +53282,8 @@
     let colorScale;
     const chartType = chartTypes.WaterfallChart;
     const svgRef = require$$0$1.useRef();
-    const seriesData = generalizedChartData(data.ChartData, data.DimensionList);
+    const isAdvancedWaterfall = Array.isArray(data) && data.length > 0 && data[0]?.hasOwnProperty("Column1") && data[0]?.hasOwnProperty("Column6");
+    const seriesData = isAdvancedWaterfall ? [] : generalizedChartData(data.ChartData, data.DimensionList);
     const dimensionList = data.DimensionList;
     const barChart = false;
     const isSecondaryAxisDrawn = false;
@@ -53436,20 +53490,21 @@
         secondaryAxisTitleWidth
       );
       setChartTitle(svg, formatOptions, width, chartTitleHeight);
-      drawLegends(
-        height,
-        svg,
-        dimensionHeightWidthArray,
-        chartTitleHeight,
-        width,
-        legendMargin,
-        formatOptions,
-        seriesData,
-        chartId,
-        staticLegendShape.rectangle
-      );
     };
     const preProcessChartData = () => {
+      if (isAdvancedWaterfall) {
+        const tempWaterfallChartData2 = mapAdvancedWaterfallData(data);
+        chartJSON.dimensionList = tempWaterfallChartData2.map((d) => d.xKey);
+        chartJSON.legendList = chartJSON.dimensionList;
+        waterFallData = stack().keys(["base", "dimensionTotal", "up", "down"])(
+          tempWaterfallChartData2
+        );
+        const flat = [];
+        waterFallData.forEach((k2) => k2.forEach((d) => flat.push(d[1])));
+        chartJSON.yMaxLeft = max$2(flat) ?? 0;
+        chartJSON.yMinLeft = min$2(flat) ?? 0;
+        return;
+      }
       seriesData.forEach((series) => {
         series.data.forEach((point2) => {
         });
@@ -53466,7 +53521,7 @@
       if (formatOptions.plotArea.hideZeroValues) {
         chartJSON.hideZeroValues = true;
       }
-      let tempWaterfallChartData = generateWaterFallData();
+      let tempWaterfallChartData = isAdvancedWaterfall ? mapAdvancedWaterfallData(data) : generateWaterFallData();
       let tempData = JSON.parse(JSON.stringify(tempWaterfallChartData));
       tempWaterfallChartData.forEach((data2) => {
         if (!data2.Dimension && (data2.Up < 1e-9 && data2.Up !== 0 || data2.Down < 1e-9 && data2.Down !== 0)) {
@@ -53599,9 +53654,9 @@
           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);
       }
-      colorScale = ordinal().range([
-        "#E25A42",
+      colorScale = ordinal().domain(["base", "dimensionTotal", "up", "down"]).range([
         formatOptions.plotArea.totalColor,
+        isAdvancedWaterfall ? "#34558800" : "#345588ff",
         formatOptions.plotArea.positiveColor,
         formatOptions.plotArea.negativeColor
       ]);
@@ -53637,7 +53692,7 @@
           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(d.data.dimension || d.data.legend)).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 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
@@ -53676,7 +53731,7 @@
                 formatOptions.plotArea.dataLabelNumberFormat,
                 formatOptions.plotArea.dataLabelDecimalPrecision
               )
-            ).attr("x", (d) => xScale(d.data.dimension || d.data.legend) + 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) + 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");
             textGroups.exit().remove();
           }
         }
@@ -53846,6 +53901,23 @@
         throw error;
       }
     };
+    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) => ({
+        xKey: d.Column1,
+        base: toNumber(d.Column3),
+        up: toNumber(d.Column4),
+        down: toNumber(d.Column5),
+        total: toNumber(d.Column6),
+        dimensionTotal: toNumber(d.Column2)
+      }));
+    };
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "svg",
       {
@@ -53865,6 +53937,7 @@
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
     const chartType = chartTypes.TornadoChart;
+    const IsadvanceanalyticsChart = data.IsadvanceanalyticsChart;
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(data.ChartData, data.DimensionList);
     const dimensionList = data.DimensionList;
@@ -53905,9 +53978,9 @@
     let calculatedRange;
     let yAxisLeft;
     let xAxis;
+    let yAxisRight;
     let filteredDimension;
     let filteredData = [];
-    let isSensitivityChart = false;
     let scrollPosition = 0;
     const visibleBars = 2;
     let chartJSON = {
@@ -53964,12 +54037,13 @@
         maxNumberForSecondaryAxis,
         chartJSON.yMaxLeft,
         formatOptions,
-        chartJSON.legendList.map((d) => d["alias"]),
+        !IsadvanceanalyticsChart ? chartJSON.legendList.map((d) => d["alias"]) : chartJSON.legendList.map((d) => d["alias"].split(" - ")[0]),
         chartJSON.dimensionList,
         chartJSON.yMaxRight,
         isSecondaryAxisDrawn,
         isNormalizedChart,
-        isDateType
+        isDateType,
+        true
       ));
       setSVGContainer(margin);
       ({ dataTable, dataTableHeight } = dataTablePreCalculation(
@@ -54001,11 +54075,11 @@
       initYaxisBar(
         formatOptions,
         gTag,
-        yLabel,
+        xLabel,
         innerHeight2,
         innerWidth2,
         yAxisLeft,
-        null,
+        yAxisRight,
         xScale,
         chartJSON.yMaxLeft,
         chartJSON.dimensionList,
@@ -54065,7 +54139,8 @@
         svg,
         margin,
         yTitle,
-        yLabel
+        yLabel,
+        innerWidth2
       );
       yAxistitleRight(
         svg,
@@ -54087,44 +54162,76 @@
         width,
         legendMargin,
         formatOptions,
-        mapSeriesDataWithLegendList(seriesData, chartJSON.legendList),
+        mapSeriesDataWithLegendList(
+          seriesData,
+          chartJSON.legendList,
+          IsadvanceanalyticsChart,
+          formatOptions
+        ),
         chartId,
         staticLegendShape.rectangle,
         chartType
       );
     };
-    const mapSeriesDataWithLegendList = (seriesData2, legendList) => {
-      return seriesData2.map((series, index2) => ({
-        ...series,
-        properties: legendList[index2] ? { ...legendList[index2] } : {}
-      })).filter(
+    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) {
+          updatedAlias = legend.alias.split(" - ")[0].trim();
+        }
+        let updatedColor = legend.color;
+        if (IsadvanceanalyticsChart2 && updatedAlias) {
+          if (updatedAlias.includes("+ve")) {
+            updatedColor = formatOptions2.plotArea.plotAreaCalculatedHigh;
+          } else if (updatedAlias.includes("-ve")) {
+            updatedColor = formatOptions2.plotArea.plotAreaCalculatedLow;
+          }
+        }
+        return {
+          ...series,
+          properties: {
+            ...legend,
+            alias: updatedAlias,
+            color: updatedColor
+          }
+        };
+      }).filter(
         (series) => series.properties && Object.keys(series.properties).length > 0
       );
     };
     const preProcessChartData = () => {
-      const firstMeasure = seriesData[0]?.properties.currentMeasure;
-      let yMaxLeft = 0;
-      let yMaxRight = -Infinity;
-      const processedSeriesData = seriesData.map((series) => {
-        const isFirstMeasure = series.properties.currentMeasure === firstMeasure;
-        const newData = series.data.map((point2) => {
-          const newValue = isFirstMeasure ? -Math.abs(point2.value) : Math.abs(point2.value);
+      let processedSeriesData;
+      if (!IsadvanceanalyticsChart) {
+        const firstMeasure = seriesData[0]?.properties.currentMeasure;
+        let yMaxLeft = 0;
+        let yMaxRight = -Infinity;
+        processedSeriesData = seriesData.map((series) => {
+          const isFirstMeasure = series.properties.currentMeasure === firstMeasure;
+          const newData = series.data.map((point2) => {
+            const newValue = isFirstMeasure ? -Math.abs(point2.value) : Math.abs(point2.value);
+            return {
+              ...point2,
+              value: newValue
+            };
+          });
+          const values = newData.map((d) => d.value);
+          if (isFirstMeasure) yMaxLeft = Math.min(yMaxLeft, Math.min(...values));
+          else yMaxRight = Math.max(yMaxRight, Math.max(...values));
           return {
-            ...point2,
-            value: newValue
+            ...series,
+            data: newData
           };
         });
-        const values = newData.map((d) => d.value);
-        if (isFirstMeasure) yMaxLeft = Math.min(yMaxLeft, Math.min(...values));
-        else yMaxRight = Math.max(yMaxRight, Math.max(...values));
-        return {
-          ...series,
-          data: newData
-        };
-      });
-      chartJSON.chartData = processedSeriesData;
-      chartJSON.yMaxLeft = yMaxLeft;
-      chartJSON.yMaxRight = yMaxRight;
+        chartJSON.chartData = processedSeriesData;
+        chartJSON.yMaxLeft = yMaxLeft;
+        chartJSON.yMaxRight = yMaxRight;
+      } else {
+        chartJSON.chartData = seriesData;
+        chartJSON.yMaxLeft = Math.min(...seriesData.map((d) => d.data[0].value));
+        chartJSON.yMaxRight = Math.max(...seriesData.map((d) => d.data[0].value));
+      }
       const formatedDimensionList = isDateType ? setDateFormats(
         formatOptions.xAxisLabel.xAxisNumberFormat,
         chartJSON.dimensionList
@@ -54135,7 +54242,7 @@
           formatedDimensionList[i]
         );
       });
-      filteredData = JSON.parse(JSON.stringify(processedSeriesData));
+      filteredData = JSON.parse(JSON.stringify(!IsadvanceanalyticsChart ? processedSeriesData : seriesData));
       filteredDimension = !formatOptions.plotArea.fitChart ? chartJSON.dimensionList.slice(
         scrollPosition,
         scrollPosition + visibleBars
@@ -54171,8 +54278,8 @@
       getXAxis();
       yAxisLeft = axisLeft(yScaleLeft).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -(innerWidth2 - xScaleForLegends(0)) : 0 : 0
-      ).tickSizeOuter(0).tickValues(responsiveXaxisLabel(chartJSON.dimensionList, innerWidth2));
-      axisRight(yScaleLeft).tickSize(
+      ).tickSizeOuter(0).tickValues(responsiveXaxisLabel(chartJSON.dimensionList, innerHeight2));
+      yAxisRight = axisRight(yScaleLeft).tickSize(
         formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -xScaleForLegends(0) : 0 : 0
       ).tickSizeOuter(0).tickValues(responsiveXaxisLabel(chartJSON.dimensionList, innerWidth2));
     };
@@ -54215,23 +54322,23 @@
     };
     const getChartType = () => {
       gTag.selectAll(".parentGroup").remove();
-      formatOptions.plotArea.plotAreaCalculatedHigh;
-      formatOptions.plotArea.plotAreaCalculatedLow;
+      const positiveBarColor = formatOptions.plotArea.plotAreaCalculatedHigh;
+      const negativeBarColor = formatOptions.plotArea.plotAreaCalculatedLow;
       const parent = gTag.append("g").attr("class", "parentGroup");
       parent.selectAll("rect").data(
         filteredData.flatMap(
           (d) => d.data.map((child) => ({
             ...child,
-            legendText: d.legend.replace("-", "~$~").split("~$~")[1].trim(),
+            legendText: !IsadvanceanalyticsChart ? d.legend.replace("-", "~$~").split("~$~")[1].trim() : d.legend.split("ve) - ")[1],
             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(
+      ).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(
         "stroke",
         (d) => d.properties.stackBorderStyle == 0 ? "none" : formatOptions.column.stackBorderVisibility ? d.properties.stackBorderColor : "none"
       ).style(
         "fill",
-        (d) => d.properties.color
+        (d) => IsadvanceanalyticsChart ? d.value > 0 ? positiveBarColor !== "#ffffff" ? positiveBarColor : "none" : negativeBarColor !== "#ffffff" ? negativeBarColor : "none" : d.properties.color
       ).on("mousemove", (event2, d) => {
         showTooltipOnMouseMove(
           [
@@ -54356,7 +54463,7 @@
         svg,
         yScaleLeft,
         columnWidth,
-        isSensitivityChart,
+        IsadvanceanalyticsChart,
         isReportEditable,
         barChart
       );