pace-chart-lib 1.0.20 → 1.0.22

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

@@ -12500,7 +12500,7 @@ function initXaxis$1(gTag, chartJSON, xLabel, formatOptions, dataTableHeight, yS
     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)
@@ -12512,7 +12512,7 @@ function initXaxis$1(gTag, chartJSON, xLabel, formatOptions, dataTableHeight, yS
         );
       });
     }
-    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 + ")";
@@ -12702,6 +12702,9 @@ function drawSeriesLabels(formatOptions, gTag, seriesLabels) {
     ).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;
@@ -12709,29 +12712,11 @@ function setXaxistitle$1(formatOptions, barChart, svg, margin, xLabel, height, x
     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
@@ -12753,8 +12738,8 @@ function yAxistitle$1(innerHeight2, formatOptions, dataTableHeight, barChart, sv
     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
@@ -14635,31 +14620,36 @@ const initXaxisBar = (formatOptions, gTag, yLabel, innerHeight2, innerWidth2, xA
     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(
@@ -14668,13 +14658,6 @@ const initYaxisBar = (formatOptions, gTag, xLabel, innerHeight2, innerWidth2, yA
       ).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(
@@ -14685,7 +14668,15 @@ const initYaxisBar = (formatOptions, gTag, xLabel, innerHeight2, innerWidth2, yA
           "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",
@@ -16981,20 +16972,24 @@ const CustomColumnChart = ({
         }
       }
       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;
@@ -19248,8 +19243,10 @@ const NormalizedStackColumnChart = ({
   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) => {
@@ -22206,9 +22203,7 @@ const HorizontalBarChart = ({
       margin,
       yTitle,
       yLabel,
-      width,
-      xTitle,
-      xLabel
+      width
     );
     yAxistitleRight(
       svg,
@@ -22695,9 +22690,7 @@ const StackHorizontalChart = ({
       margin,
       yTitle,
       yLabel,
-      width,
-      xTitle,
-      xLabel
+      width
     );
     setChartTitle(svg, formatOptions, width, chartTitleHeight);
     drawLegends(
@@ -23384,9 +23377,7 @@ const NormalizedStackHorizontalBarChart = ({
       margin,
       yTitle,
       yLabel,
-      void 0,
-      xTitle,
-      xLabel
+      void 0
     );
     setChartTitle(svg, formatOptions, width, chartTitleHeight);
     drawLegends(
@@ -26693,7 +26684,7 @@ const PieChart = ({ data, formatOptions, chartId }) => {
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )
               ) + "%" : getNumberWithFormatFunction(
-                "None",
+                chartFormatOptions.toolTip.toolTipDisplayUnits,
                 chartFormatOptions.toolTip.toolTipNumberFormat,
                 chartFormatOptions.toolTip.toolTipDecimalPrecision
               )(d.currentTarget.__data__.data.data[0].value)
@@ -27060,7 +27051,7 @@ const DonutChart = ({
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )
               ) + "%" : getNumberWithFormatFunction(
-                "None",
+                chartFormatOptions.toolTip.toolTipDisplayUnits,
                 chartFormatOptions.toolTip.toolTipNumberFormat,
                 chartFormatOptions.toolTip.toolTipDecimalPrecision
               )(d.currentTarget.__data__.data.data[0].value)
@@ -27160,7 +27151,7 @@ const DonutChart = ({
         ).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) {
@@ -27186,7 +27177,7 @@ const DonutChart = ({
         ).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);
@@ -27227,7 +27218,69 @@ const DonutChart = ({
           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);
@@ -27612,7 +27665,7 @@ const PieofPie = ({
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 ) ?? 0
               ) + "%" : getNumberWithFormatFunction(
-                "None",
+                chartFormatOptions.toolTip.toolTipDisplayUnits,
                 chartFormatOptions.toolTip.toolTipNumberFormat,
                 chartFormatOptions.toolTip.toolTipDecimalPrecision
               )(d.currentTarget.__data__.data.data[0].value)
@@ -27680,7 +27733,7 @@ const PieofPie = ({
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )
               ) + "%" : getNumberWithFormatFunction(
-                "None",
+                chartFormatOptions.toolTip.toolTipDisplayUnits,
                 chartFormatOptions.toolTip.toolTipNumberFormat,
                 chartFormatOptions.toolTip.toolTipDecimalPrecision
               )(d.currentTarget.__data__.data.data[0].value)
@@ -28027,26 +28080,26 @@ const PyramidChart = ({
                 ${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) {
@@ -28373,7 +28426,7 @@ const ProgressChart = ({
               {
                 key: ChartData[0].properties.alias,
                 value: chartFormatOptions.toolTip.toolTipNumberFormatProgress == ",.0%" ? "100 %" : getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormatProgress,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(maxValue)
@@ -28411,7 +28464,7 @@ const ProgressChart = ({
               {
                 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)
@@ -28419,7 +28472,7 @@ const ProgressChart = ({
               {
                 key: ChartData[0].properties.alias,
                 value: chartFormatOptions.toolTip.toolTipNumberFormatProgress == ",.0%" ? "100 %" : getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision,
                   chartFormatOptions.toolTip.toolTipNumberFormatProgress
                 )(progressValue)
@@ -28468,7 +28521,7 @@ const ProgressChart = ({
         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 : ""
@@ -28828,7 +28881,7 @@ const Speedometer = ({
                       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)
@@ -29195,7 +29248,7 @@ const RadialBarChart = ({
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )
               ) + "%" : getNumberWithFormatFunction(
-                "None",
+                chartFormatOptions.toolTip.toolTipDisplayUnits,
                 chartFormatOptions.toolTip.toolTipNumberFormatProgress,
                 chartFormatOptions.toolTip.toolTipDecimalPrecision
               )(d.data[0].value)
@@ -29244,7 +29297,7 @@ const RadialBarChart = ({
               {
                 key: chartFormatOptions.yAxisTitle.yAxisTitleText,
                 value: getNumberWithFormatFunction(
-                  "None",
+                  chartFormatOptions.toolTip.toolTipDisplayUnits,
                   chartFormatOptions.toolTip.toolTipNumberFormat,
                   chartFormatOptions.toolTip.toolTipDecimalPrecision
                 )(d.data[0].value)
@@ -29755,7 +29808,7 @@ const WordCloud = ({ data: { ChartData }, formatOptions, chartId }) => {
                   {
                     key: d.properties.alias,
                     value: getNumberWithFormatFunction(
-                      "None",
+                      chartFormatOptions.toolTip.toolTipDisplayUnits,
                       chartFormatOptions.toolTip.toolTipNumberFormat,
                       chartFormatOptions.toolTip.toolTipDecimalPrecision
                     )(d.data[0].value)
@@ -33230,7 +33283,7 @@ const VennChart = ({
             {
               key: d.label,
               value: getNumberWithFormatFunction(
-                "None",
+                chartFormatOptions.toolTip.toolTipDisplayUnits,
                 chartFormatOptions.toolTip.toolTipNumberFormat,
                 chartFormatOptions.toolTip.toolTipDecimalPrecision
               )(d.size)
@@ -33981,7 +34034,7 @@ const SankeyChart = ({
                 {
                   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)
@@ -34060,7 +34113,7 @@ const SankeyChart = ({
                 {
                   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)
@@ -49632,7 +49685,7 @@ const Maps = ({
                 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)
@@ -52334,7 +52387,7 @@ const BubbleChart = ({
             {
               key: chartFormatOptions.xAxisTitle.xAxisTitleText,
               value: getNumberWithFormatFunction(
-                "None",
+                chartFormatOptions.toolTip.toolTipDisplayUnits,
                 chartFormatOptions.toolTip.toolTipNumberFormat,
                 chartFormatOptions.toolTip.toolTipDecimalPrecision
               )(d.dimension)
@@ -52342,7 +52395,7 @@ const BubbleChart = ({
             {
               key: chartFormatOptions.yAxisTitle.yAxisTitleText,
               value: getNumberWithFormatFunction(
-                "None",
+                chartFormatOptions.toolTip.toolTipDisplayUnits,
                 chartFormatOptions.toolTip.toolTipNumberFormat,
                 chartFormatOptions.toolTip.toolTipDecimalPrecision
               )(d.measure)
@@ -52772,7 +52825,7 @@ const ScatterChart = ({
             {
               key: chartFormatOptions.xAxisTitle.xAxisTitleText,
               value: getNumberWithFormatFunction(
-                "None",
+                chartFormatOptions.toolTip.toolTipDisplayUnits,
                 chartFormatOptions.toolTip.toolTipNumberFormat,
                 chartFormatOptions.toolTip.toolTipDecimalPrecision
               )(d.dimension)
@@ -52780,7 +52833,7 @@ const ScatterChart = ({
             {
               key: chartFormatOptions.yAxisTitle.yAxisTitleText,
               value: getNumberWithFormatFunction(
-                "None",
+                chartFormatOptions.toolTip.toolTipDisplayUnits,
                 chartFormatOptions.toolTip.toolTipNumberFormat,
                 chartFormatOptions.toolTip.toolTipDecimalPrecision
               )(d.measure)
@@ -53226,7 +53279,8 @@ const WaterfallChart = ({
   let colorScale;
   const chartType = chartTypes.WaterfallChart;
   const svgRef = 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;
@@ -53433,20 +53487,21 @@ const WaterfallChart = ({
       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) => {
       });
@@ -53463,7 +53518,7 @@ const WaterfallChart = ({
     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)) {
@@ -53596,9 +53651,9 @@ const WaterfallChart = ({
         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
     ]);
@@ -53634,7 +53689,7 @@ const WaterfallChart = ({
         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
@@ -53673,7 +53728,7 @@ const WaterfallChart = ({
               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();
         }
       }
@@ -53843,6 +53898,23 @@ const WaterfallChart = ({
       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",
     {
@@ -53862,6 +53934,7 @@ const TornadoChart = ({
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
   const chartType = chartTypes.TornadoChart;
+  const IsadvanceanalyticsChart = data.IsadvanceanalyticsChart;
   const svgRef = useRef();
   const seriesData = generalizedChartData(data.ChartData, data.DimensionList);
   const dimensionList = data.DimensionList;
@@ -53902,9 +53975,9 @@ const TornadoChart = ({
   let calculatedRange;
   let yAxisLeft;
   let xAxis;
+  let yAxisRight;
   let filteredDimension;
   let filteredData = [];
-  let isSensitivityChart = false;
   let scrollPosition = 0;
   const visibleBars = 2;
   let chartJSON = {
@@ -53961,12 +54034,13 @@ const TornadoChart = ({
       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(
@@ -53998,11 +54072,11 @@ const TornadoChart = ({
     initYaxisBar(
       formatOptions,
       gTag,
-      yLabel,
+      xLabel,
       innerHeight2,
       innerWidth2,
       yAxisLeft,
-      null,
+      yAxisRight,
       xScale,
       chartJSON.yMaxLeft,
       chartJSON.dimensionList,
@@ -54062,7 +54136,8 @@ const TornadoChart = ({
       svg,
       margin,
       yTitle,
-      yLabel
+      yLabel,
+      innerWidth2
     );
     yAxistitleRight(
       svg,
@@ -54084,44 +54159,76 @@ const TornadoChart = ({
       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
@@ -54132,7 +54239,7 @@ const TornadoChart = ({
         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
@@ -54168,8 +54275,8 @@ const TornadoChart = ({
     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));
   };
@@ -54212,23 +54319,23 @@ const TornadoChart = ({
   };
   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(
         [
@@ -54353,7 +54460,7 @@ const TornadoChart = ({
       svg,
       yScaleLeft,
       columnWidth,
-      isSensitivityChart,
+      IsadvanceanalyticsChart,
       isReportEditable,
       barChart
     );