pace-chart-lib 1.0.26 → 1.0.27

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

@@ -10862,6 +10862,14 @@ var tornadoEntryName = /* @__PURE__ */ ((tornadoEntryName2) => {
   tornadoEntryName2["default"] = "defaultEntry";
   return tornadoEntryName2;
 })(tornadoEntryName || {});
+var waterfallKeys = /* @__PURE__ */ ((waterfallKeys2) => {
+  waterfallKeys2["total"] = "Total";
+  waterfallKeys2["base"] = "base";
+  waterfallKeys2["dimensionTotal"] = "dimensionTotal";
+  waterfallKeys2["up"] = "up";
+  waterfallKeys2["down"] = "down";
+  return waterfallKeys2;
+})(waterfallKeys || {});
 const defaultChartFormatOptions = {
   chartDescription: {
     chartDescriptionVisibility: false,
@@ -12094,21 +12102,45 @@ function getNumberWithFormat(measureValue, displayUnits, numberFormat, decimalPr
         return format(formatter)(measureValue) + displayUnitsPostFix;
       case staticNumberUnits.currency_USD:
         formatter = `,.${decimalValues}f`;
+        if (measureValue < 0) {
+          const number2 = Math.abs(measureValue);
+          return "-$" + format(formatter)(number2) + displayUnitsPostFix;
+        }
         return "$" + format(formatter)(measureValue) + displayUnitsPostFix;
       case staticNumberUnits.currency_CAD:
         formatter = `,.${decimalValues}f`;
+        if (measureValue < 0) {
+          const number2 = Math.abs(measureValue);
+          return "-$" + format(formatter)(number2) + displayUnitsPostFix;
+        }
         return "C$" + format(formatter)(measureValue) + displayUnitsPostFix;
       case staticNumberUnits.currency_EUR:
         formatter = `,.${decimalValues}f`;
+        if (measureValue < 0) {
+          const number2 = Math.abs(measureValue);
+          return "-$" + format(formatter)(number2) + displayUnitsPostFix;
+        }
         return "€" + format(formatter)(measureValue) + displayUnitsPostFix;
       case staticNumberUnits.currency_CHF:
         formatter = `,.${decimalValues}f`;
+        if (measureValue < 0) {
+          const number2 = Math.abs(measureValue);
+          return "-$" + format(formatter)(number2) + displayUnitsPostFix;
+        }
         return "CHF" + format(formatter)(measureValue) + displayUnitsPostFix;
       case staticNumberUnits.currency_UK:
         formatter = `,.${decimalValues}f`;
+        if (measureValue < 0) {
+          const number2 = Math.abs(measureValue);
+          return "-$" + format(formatter)(number2) + displayUnitsPostFix;
+        }
         return "£" + format(formatter)(measureValue) + displayUnitsPostFix;
       case staticNumberUnits.currency_INR:
         formatter = `,.${decimalValues}f`;
+        if (measureValue < 0) {
+          const number2 = Math.abs(measureValue);
+          return "-$" + format(formatter)(number2) + displayUnitsPostFix;
+        }
         return "₹" + format(formatter)(measureValue) + displayUnitsPostFix;
       case staticNumberUnits.commaSeparated:
         formatter = `,.${decimalValues}f`;
@@ -12287,10 +12319,9 @@ function isVerticallyOverlapping(obj1, obj2) {
 }
 function responsiveYaxisLabel$1(Ymax, Ymin, innerHeight2, formatOptions, chartJSON, customYaxisMinValue, customYaxisMaxValue, barChart, innerWidth2) {
   try {
+    let yAxisIntervalsVisibility = formatOptions.yAxisLabel.yAxisIntervalsVisibility;
     let autoLabelFlag = false;
-    let customYaxisIntervalValue = parseFloat(
-      formatOptions.yAxisLabel.yAxisIntervalText
-    );
+    let customYaxisIntervalValue = yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisIntervalText) : void 0;
     let yAxisLabelArray = [];
     let customTickValue;
     const isTornadoChart = chartJSON.chartType === chartTypes.TornadoChart;
@@ -12839,6 +12870,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
     const isTornadoChart = chartType === chartTypes.TornadoChart;
     let annotationType = formatOptions.annotation.annotationType ?? "1";
     let annotationPosition = formatOptions.annotation.annotationPosition.toString() != "4" ? formatOptions.annotation.annotationPosition : null;
+    let dataLabelColor = formatOptions?.annotation?.annotationSetLabelColor == "2" ? "color" : "labelColor";
     if (formatOptions.annotation.annotationVisibility) {
       let Disable = [annotationType == "1" ? "connector" : ""];
       let labelData = [];
@@ -12872,7 +12904,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
                   Measure: d.data[0].value,
                   Legend: d.data[0].legend,
                   LabelPosition: annotationPosition ? annotationPosition : d.properties.annotationPosition,
-                  Labelcolor: d.properties.labelColor,
+                  Labelcolor: d.properties[dataLabelColor],
                   Axis: d.properties.axis
                 });
             }
@@ -12887,7 +12919,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
                   Measure: d.data[d.data.length - 1].value,
                   Legend: d.data[d.data.length - 1].legend,
                   LabelPosition: annotationPosition ? annotationPosition : d.properties.annotationPosition,
-                  Labelcolor: d.properties.labelColor,
+                  Labelcolor: d.properties[dataLabelColor],
                   Axis: d.properties.axis
                 });
               }
@@ -12903,7 +12935,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
                   Measure: d.data[0].value,
                   Legend: d.data[0].legend,
                   LabelPosition: annotationPosition ? annotationPosition : d.properties.annotationPosition,
-                  Labelcolor: d.properties.labelColor,
+                  Labelcolor: d.properties[dataLabelColor],
                   Axis: d.properties.axis
                 });
             }
@@ -12916,7 +12948,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
                   Measure: d.data[d.data.length - 1].value,
                   Legend: d.data[d.data.length - 1].legend,
                   LabelPosition: annotationPosition ? annotationPosition : d.properties.annotationPosition,
-                  Labelcolor: d.properties.labelColor,
+                  Labelcolor: d.properties[dataLabelColor],
                   Axis: d.properties.axis
                 });
             }
@@ -12932,7 +12964,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
                     Measure: d.data[i].value,
                     Legend: d.data[i].legend,
                     LabelPosition: annotationPosition ? annotationPosition : d.properties.annotationPosition,
-                    Labelcolor: d.properties.labelColor,
+                    Labelcolor: d.properties[dataLabelColor],
                     Axis: d.properties.axis
                   });
               }
@@ -12954,7 +12986,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
                       Measure: d.data[i].value,
                       Legend: d.data[i].legend,
                       LabelPosition: annotationPosition ? annotationPosition : d.properties.annotationPosition,
-                      Labelcolor: d.properties.labelColor,
+                      Labelcolor: d.properties[dataLabelColor],
                       Axis: d.properties.axis
                     });
                 }
@@ -12969,7 +13001,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
                     Measure: d.data[0].value,
                     Legend: d.data[0].legend,
                     LabelPosition: annotationPosition ? annotationPosition : d.properties.annotationPosition,
-                    Labelcolor: d.properties.labelColor,
+                    Labelcolor: d.properties[dataLabelColor],
                     Axis: d.properties.axis
                   });
                 break;
@@ -12980,7 +13012,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
                     Measure: d.data[d.data.length - 1].value,
                     Legend: d.data[d.data.length - 1].legend,
                     LabelPosition: annotationPosition ? annotationPosition : d.properties.annotationPosition,
-                    Labelcolor: d.properties.labelColor,
+                    Labelcolor: d.properties[dataLabelColor],
                     Axis: d.properties.axis
                   });
                 break;
@@ -12991,7 +13023,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
                     Measure: d.data[0].value,
                     Legend: d.data[0].legend,
                     LabelPosition: annotationPosition ? annotationPosition : d.properties.annotationPosition,
-                    Labelcolor: d.properties.labelColor,
+                    Labelcolor: d.properties[dataLabelColor],
                     Axis: d.properties.axis
                   });
                 if (d.data[d.data.length - 1])
@@ -13000,7 +13032,7 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
                     Measure: d.data[d.data.length - 1].value,
                     Legend: d.data[d.data.length - 1].legend,
                     LabelPosition: annotationPosition ? annotationPosition : d.properties.annotationPosition,
-                    Labelcolor: d.properties.labelColor,
+                    Labelcolor: d.properties[dataLabelColor],
                     Axis: d.properties.axis
                   });
                 break;
@@ -15463,7 +15495,7 @@ function lineMarkers(lines, chartData, type, xScale, yScale, yScaleRight, toolti
         return Symbol$1().type(Markershapes(d.markerShape)).size(d.markerSize * 50)();
       }).attr("visibility", (d) => {
         const hideByX = !xScale(d.dimension) && xScale(d.dimension) !== 0;
-        const visible = formatOptions.marker.markerVisibility ? checkVisibleConditions(chartData, d, type, hideZeroValues, secondaryCustomYaxisMaxValue, secondaryCustomYaxisMinValue, customYaxisMinValue, customYaxisMaxValue) ? visibilityCondition.hidden : [chartTypes.NormalizedStackLineChart, chartTypes.CombinationLine, chartTypes.CombinationArea].includes(type) ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? visibilityCondition.visible : visibilityCondition.hidden : [chartTypes.StackAreaChart, chartTypes.AreaChart, chartTypes.CombinationStackArea].includes(type) ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? visibilityCondition.visible : visibilityCondition.hidden : visibilityCondition.visible : [chartTypes.CombinationLine, chartTypes.CombinationArea].includes(type) ? visibilityCondition.visible : ["Area"].includes(type) ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? visibilityCondition.visible : visibilityCondition.hidden : visibilityCondition.hidden;
+        const visible = formatOptions.marker.markerVisibility ? checkVisibleConditions(chartData, d, type, hideZeroValues, yScaleRight, customYaxisMinValue, customYaxisMaxValue) ? visibilityCondition.hidden : [chartTypes.NormalizedStackLineChart, chartTypes.CombinationLine, chartTypes.CombinationArea].includes(type) ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? visibilityCondition.visible : visibilityCondition.hidden : [chartTypes.StackAreaChart, chartTypes.AreaChart, chartTypes.CombinationStackArea].includes(type) ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? visibilityCondition.visible : visibilityCondition.hidden : visibilityCondition.visible : [chartTypes.CombinationLine, chartTypes.CombinationArea].includes(type) ? visibilityCondition.visible : ["Area"].includes(type) ? formatOptions.plotArea.plotAreaHideLineAndMarkers ? visibilityCondition.visible : visibilityCondition.hidden : visibilityCondition.hidden;
         return hideByX ? visibilityCondition.hidden : visible;
       }).attr("transform", (d) => {
         let requiredYScale = d.axis == axisTypes.primary ? yScale : yScaleRight;
@@ -15532,10 +15564,10 @@ function lineMarkers(lines, chartData, type, xScale, yScale, yScaleRight, toolti
     logError$2(fileName$b, "lineMarkers", error);
   }
 }
-const checkVisibleConditions = (chartData, d, type, hideZeroValues, secondaryCustomYaxisMaxValue, secondaryCustomYaxisMinValue, customYaxisMinValue, customYaxisMaxValue) => {
+const checkVisibleConditions = (chartData, d, type, hideZeroValues, yScaleRight, customYaxisMinValue, customYaxisMaxValue) => {
   try {
     if (chartData[0].properties.axis && chartData[0].properties.axis === "Secondary") {
-      return hideZeroValues && d.value == 0 || d.value > secondaryCustomYaxisMaxValue || d.value < secondaryCustomYaxisMinValue;
+      return hideZeroValues && d.value == 0 || d.value > yScaleRight.domain()[1] || d.value < yScaleRight.domain()[0];
     } else if (type.includes("Stack")) {
       return d.value > 0 ? hideZeroValues && d[1] == 0 || d[1] < customYaxisMinValue || d[1] > customYaxisMaxValue : hideZeroValues && d[0] == 0 || d[0] < customYaxisMinValue || d[0] > customYaxisMaxValue;
     } else return hideZeroValues && d.value == 0 || d.value < customYaxisMinValue || d.value > customYaxisMaxValue;
@@ -16477,14 +16509,14 @@ const ColumnChart = ({
   const barChart = false;
   let isSecondaryAxisDrawn = false;
   const isNormalizedChart = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let secondaryCustomYaxisMinValue = parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let secondaryCustomYaxisMinValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  let secondaryCustomYaxisMaxValue = parseFloat(
+  ) : void 0;
+  let secondaryCustomYaxisMaxValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -17049,14 +17081,14 @@ const CustomColumnChart = ({
   const barChart = false;
   let isSecondaryAxisDrawn = false;
   const isNormalizedChart = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let secondaryCustomYaxisMinValue = parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let secondaryCustomYaxisMinValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  let secondaryCustomYaxisMaxValue = parseFloat(
+  ) : void 0;
+  let secondaryCustomYaxisMaxValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -17316,7 +17348,7 @@ const CustomColumnChart = ({
           ...point2,
           type: series.properties.type,
           axis: series.properties.axis,
-          labelPosition: series.properties.dataLabelPosition,
+          labelPosition: formatOptions?.annotation?.annotationPosition.toString() === "4" ? series.properties.dataLabelPosition.toString() : formatOptions?.annotation?.annotationPosition.toString(),
           labelColor: series.properties.labelColor
         };
         if (newPoint.axis === "Secondary") {
@@ -17460,6 +17492,14 @@ const CustomColumnChart = ({
       ]);
     }
     if (isSecondaryAxisDrawn) {
+      let secondaryYAxisLabelArray = responsiveSecondaryYaxisLabel(
+        secondaryCustomYaxisMaxValue ? secondaryCustomYaxisMaxValue : chartJSON.yMaxRight,
+        secondaryCustomYaxisMinValue ? secondaryCustomYaxisMinValue : chartJSON.yMinRight,
+        formatOptions,
+        chartJSON
+      ).secondaryYAxisLabelArray;
+      chartJSON.yMaxRight = secondaryYAxisLabelArray[secondaryYAxisLabelArray.length - 1];
+      chartJSON.yMinRight = secondaryYAxisLabelArray[0];
       yScaleRight = linear$1().domain([
         chartJSON.yMinRight >= 0 ? (secondaryCustomYaxisMinValue || secondaryCustomYaxisMinValue == 0) && !Number.isNaN(secondaryCustomYaxisMinValue) ? secondaryCustomYaxisMinValue : 0 : (secondaryCustomYaxisMinValue || secondaryCustomYaxisMinValue == 0) && !Number.isNaN(secondaryCustomYaxisMinValue) ? secondaryCustomYaxisMinValue : chartJSON.yMinRight * 1.1,
         chartJSON.yMaxRight <= 0 ? (secondaryCustomYaxisMaxValue || secondaryCustomYaxisMaxValue == 0) && !Number.isNaN(secondaryCustomYaxisMaxValue) ? secondaryCustomYaxisMaxValue : 0 : (secondaryCustomYaxisMaxValue || secondaryCustomYaxisMaxValue == 0) && !Number.isNaN(secondaryCustomYaxisMaxValue) ? secondaryCustomYaxisMaxValue : chartJSON.yMaxRight * 1.1
@@ -17569,7 +17609,7 @@ const CustomColumnChart = ({
     let columnGroups = column.selectAll(".column-group").data(data2.data, (d) => d.legend + d.dimension);
     let columnGroupsEnter = columnGroups.enter().append("g").attr("class", "column-group").attr(
       "hoverId",
-      (d) => d.legend.includes("-") ? d.legend.replace("-", "`").split("`")[1].replace(/ /g, "-") : d.legend.replace(/ /g, "-")
+      (d) => (data2.properties.alias || data2.properties.name).includes("-") ? (data2.properties.alias || data2.properties.name).replace("-", "`").split("`")[1].replace(/ /g, "-") : (data2.properties.alias || data2.properties.name).replace(/ /g, "-")
     ).attr("transform", (d) => `translate(${xScale(d.dimension)}, 0)`);
     columnGroupsEnter.merge(columnGroups).attr(
       "transform",
@@ -17983,7 +18023,7 @@ const CustomColumnChart = ({
         stackData["individualAnnotationVisibility"] = JSON.parse(
           JSON.stringify(requiredStackChatData.data[j].properties.annotation)
         );
-        d.data.labelPosition = requiredStackChatData.data[j].properties.dataLabelPosition;
+        d.data.labelPosition = formatOptions?.annotation?.annotationPosition.toString() === "4" ? requiredStackChatData.data[j].properties.dataLabelPosition.toString() : formatOptions?.annotation?.annotationPosition.toString();
         d.data["labelColor"] = seriesColor == "2" ? JSON.parse(
           JSON.stringify(requiredStackChatData.data[j].properties.color)
         ) : JSON.parse(
@@ -18060,14 +18100,14 @@ const LayeredColumnChart = ({
   const barChart = false;
   const isSecondaryAxisDrawn = false;
   const isNormalizedChart = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  parseFloat(
+  ) : void 0;
+  formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -18578,14 +18618,14 @@ const StackColumnChart = ({
   const seriesData = (generalizedChartData(data.ChartData, data.DimensionList) || []).reverse();
   const barChart = false;
   const isSecondaryAxisDrawn = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  parseFloat(
+  ) : void 0;
+  formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -19296,14 +19336,8 @@ const NormalizedStackColumnChart = ({
   const dimensionList = data.DimensionList;
   const barChart = false;
   const isSecondaryAxisDrawn = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -20323,16 +20357,10 @@ const ColumnHistogramChart = ({
   const barChart = false;
   const isSecondaryAxisDrawn = false;
   const isNormalizedChart = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let customXaxisMinValue = parseFloat(formatOptions.xAxisLabel.xAxisMinText);
-  let customXaxisMaxValue = parseFloat(formatOptions.xAxisLabel.xAxisMaxText);
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let customXaxisMinValue = formatOptions.xAxisLabel.xAxisIntervalsVisibility ? parseFloat(formatOptions.xAxisLabel.xAxisMinText) : void 0;
+  let customXaxisMaxValue = formatOptions.xAxisLabel.xAxisIntervalsVisibility ? parseFloat(formatOptions.xAxisLabel.xAxisMaxText) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -20840,14 +20868,14 @@ const LineChart = ({
   const barChart = false;
   let isSecondaryAxisDrawn = false;
   const isNormalizedChart = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let secondaryCustomYaxisMinValue = parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let secondaryCustomYaxisMinValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  let secondaryCustomYaxisMaxValue = parseFloat(
+  ) : void 0;
+  let secondaryCustomYaxisMaxValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -21386,14 +21414,14 @@ const StackLineChart = ({
   const barChart = false;
   const totalValueMap = /* @__PURE__ */ new Map();
   const isSecondaryAxisDrawn = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let secondaryCustomYaxisMinValue = parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let secondaryCustomYaxisMinValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  let secondaryCustomYaxisMaxValue = parseFloat(
+  ) : void 0;
+  let secondaryCustomYaxisMaxValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -21959,14 +21987,14 @@ const NormalisedStackLineChart = ({
   const dimensionList = data.DimensionList;
   const barChart = false;
   const isSecondaryAxisDrawn = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let secondaryCustomYaxisMinValue = parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let secondaryCustomYaxisMinValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  let secondaryCustomYaxisMaxValue = parseFloat(
+  ) : void 0;
+  let secondaryCustomYaxisMaxValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -22476,14 +22504,14 @@ const HorizontalBarChart = ({
   const barChart = true;
   let isSecondaryAxisDrawn = false;
   const isNormalizedChart = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let secondaryCustomYaxisMinValue = parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let secondaryCustomYaxisMinValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  let secondaryCustomYaxisMaxValue = parseFloat(
+  ) : void 0;
+  let secondaryCustomYaxisMaxValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -22823,7 +22851,10 @@ const HorizontalBarChart = ({
     lineData.forEach((data2) => {
       let column = gTag.selectAll(".parentGroup").data([data2], (d) => d.legend);
       column = column.enter().append("g").attr("class", "column parentGroup").merge(column);
-      let columnGroups = column.selectAll(".column-group").data(data2.data, (d) => d.legend + d.dimension);
+      let columnGroups = column.selectAll(".column-group").data(
+        data2.data.map((d) => ({ ...d, properties: data2.properties })),
+        (d) => d.legend + d.dimension
+      );
       let columnGroupsEnter = columnGroups.enter().append("g").attr("class", "column-group").attr(
         "hoverId",
         (data2.properties.alias || data2.properties.name || "Legend").replace(
@@ -22893,7 +22924,7 @@ const HorizontalBarChart = ({
             },
             {
               key: "Legend",
-              value: d.legend.includes("~$~") ? d.legend.split("~$~")[1] : d.legend
+              value: d.properties.alias
             }
           ],
           formatOptions,
@@ -22997,14 +23028,8 @@ const StackHorizontalChart = ({
   const dimensionList = data.DimensionList;
   const barChart = true;
   const isSecondaryAxisDrawn = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -23706,14 +23731,8 @@ const NormalizedStackHorizontalBarChart = ({
   const dimensionList = data.DimensionList;
   const barChart = true;
   const isSecondaryAxisDrawn = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -24175,14 +24194,8 @@ const LayeredHorizontalBarChart = ({
   const dimensionList = data.DimensionList;
   const barChart = true;
   const isSecondaryAxisDrawn = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -24859,16 +24872,10 @@ const HorizontalHistogramChart = ({
   const barChart = false;
   const isSecondaryAxisDrawn = false;
   const isNormalizedChart = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let customXaxisMinValue = parseFloat(formatOptions.xAxisLabel.xAxisMinText);
-  let customXaxisMaxValue = parseFloat(formatOptions.xAxisLabel.xAxisMaxText);
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let customXaxisMinValue = formatOptions.xAxisLabel.xAxisIntervalsVisibility ? parseFloat(formatOptions.xAxisLabel.xAxisMinText) : void 0;
+  let customXaxisMaxValue = formatOptions.xAxisLabel.xAxisIntervalsVisibility ? parseFloat(formatOptions.xAxisLabel.xAxisMaxText) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -25378,14 +25385,14 @@ const AreaChart = ({
   const barChart = false;
   const isSecondaryAxisDrawn = false;
   const isNormalizedChart = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let secondaryCustomYaxisMinValue = parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let secondaryCustomYaxisMinValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  let secondaryCustomYaxisMaxValue = parseFloat(
+  ) : void 0;
+  let secondaryCustomYaxisMaxValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -25905,14 +25912,14 @@ const StackAreaChart = ({
   const dimensionList = data.DimensionList;
   const barChart = false;
   const isSecondaryAxisDrawn = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let secondaryCustomYaxisMinValue = parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let secondaryCustomYaxisMinValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  let secondaryCustomYaxisMaxValue = parseFloat(
+  ) : void 0;
+  let secondaryCustomYaxisMaxValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -26495,14 +26502,14 @@ const NormalizedStackAreaChart = ({
   const dimensionList = data.DimensionList;
   const barChart = false;
   const isSecondaryAxisDrawn = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  let secondaryCustomYaxisMinValue = parseFloat(
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
+  let secondaryCustomYaxisMinValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  let secondaryCustomYaxisMaxValue = parseFloat(
+  ) : void 0;
+  let secondaryCustomYaxisMaxValue = formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalsVisibility ? parseFloat(
     formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  ) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -27241,7 +27248,7 @@ const PieChart = ({ data, formatOptions, chartId }) => {
     try {
       const arc2 = arc$1().innerRadius(0).outerRadius(radius);
       const arcOver = arc$1().innerRadius(0).outerRadius(radius + 10);
-      chartAreaTagG.append("g").attr("class", "parentGroup").attr("fill-opacity", chartFormatOptions.plotArea.opacity).attr("transform", `${getPiePosition()}`).selectAll("path").data(pieChartData).enter().append("path").attr("class", (d) => "path " + d.data.legend).attr(
+      chartAreaTagG.append("g").attr("class", "parentGroup").attr("fill-opacity", chartFormatOptions.plotArea.opacity).attr("transform", `${getPiePosition()}`).selectAll("path").data(pieChartData).enter().append("path").attr("class", (d) => "path").attr(
         "hoverId",
         (d) => (d.data?.properties?.alias || d.data?.properties?.name || "Legend").replace(/\s+/g, "-")
       ).attr(
@@ -27635,7 +27642,7 @@ const DonutChart = ({
       const arc2 = arc$1().innerRadius(innerRadius).outerRadius(radius);
       const arcOver = arc$1().innerRadius(innerRadius).outerRadius(radius + 10);
       const parentGroup = chartAreaTagG.append("g").attr("class", "parentGroup").attr("fill-opacity", chartFormatOptions.plotArea.opacity).attr("transform", `${getPiePosition()}`);
-      const paths = parentGroup.selectAll("path").data(pieChartData).enter().append("path").attr("class", (d) => "path " + d.data.legend).attr(
+      const paths = parentGroup.selectAll("path").data(pieChartData).enter().append("path").attr("class", (d) => "path").attr(
         "hoverId",
         (d) => (d.data?.properties?.alias || d.data?.properties?.name || "Legend").replace(/\s+/g, "-")
       ).attr(
@@ -53944,14 +53951,8 @@ const WaterfallChart = ({
   const barChart = false;
   const isSecondaryAxisDrawn = false;
   const isNormalizedChart = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
   let margin;
   let yLabel;
   let xLabel;
@@ -54377,16 +54378,17 @@ const WaterfallChart = ({
           "visibility",
           (d) => k2 === 0 && d.data.dimension && stackTotalData ? "hidden" : "visible"
         ).style("shape-rendering", "crispEdges").on("mousemove", (event2, d) => {
+          const key = !isAdvancedWaterfall ? waterfallKeys.dimensionTotal : waterfallKeys.base;
           const markerInfo = {
             markerShape: "square",
-            markerColor: d.key === "dimensionTotal" ? formatOptions.plotArea.totalColor : d.key === "down" ? formatOptions.plotArea.negativeColor : formatOptions.plotArea.positiveColor
+            markerColor: d.key === key ? formatOptions.plotArea.totalColor : d.key === waterfallKeys.down ? formatOptions.plotArea.negativeColor : formatOptions.plotArea.positiveColor
           };
           showTooltipOnMouseMove(
             [
               {
                 key: formatOptions.yAxisTitle.yAxisTitleText,
-                value: (d.key === "up" ? "+" : d.key === "down" ? "-" : "") + getNumberWithFormat(
-                  d.key === "dimensionTotal" ? d.data.dimensionTotal : d[1] - d[0],
+                value: (d.key === waterfallKeys.up ? "+" : d.key === waterfallKeys.down ? "-" : "") + getNumberWithFormat(
+                  d.key === waterfallKeys.dimensionTotal ? d.data.dimensionTotal : d[1] - d[0],
                   formatOptions.toolTip.toolTipDisplayUnits,
                   formatOptions.toolTip.toolTipNumberFormat,
                   formatOptions.toolTip.toolTipDecimalPrecision
@@ -54394,7 +54396,7 @@ const WaterfallChart = ({
               },
               {
                 key: "Legend",
-                value: d.Key ? d.Key.includes("~$~") ? d.Key.split("~$~")[1] : d.Key : d.data.legend ? d.data.legend.includes("~$~") ? d.data.legend.split("~$~")[1] : d.data.legend : "Total"
+                value: !isAdvancedWaterfall ? d.Key ? d.Key.includes("~$~") ? d.Key.split("~$~")[1] : d.Key : d.data.legend ? d.data.legend.includes("~$~") ? d.data.legend.split("~$~")[1] : d.data.legend : waterfallKeys.total : d.key !== waterfallKeys.base ? d.data.xKey : waterfallKeys.total
               }
             ],
             formatOptions,
@@ -54638,14 +54640,8 @@ const TornadoChart = ({
   const barChart = true;
   const isSecondaryAxisDrawn = false;
   const isNormalizedChart = false;
-  let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
-  let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMinText
-  );
-  parseFloat(
-    formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText
-  );
+  let customYaxisMinValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMinText) : void 0;
+  let customYaxisMaxValue = formatOptions.yAxisLabel.yAxisIntervalsVisibility ? parseFloat(formatOptions.yAxisLabel.yAxisMaxText) : void 0;
   let margin;
   let yLabel;
   let xLabel;