pace-chart-lib 1.0.35 → 1.0.38

package/dist/Components/Charts/ChartsWithAxis/ChartsWithAxisFunctions.d.ts

@@ -624,3 +624,4 @@ export declare const clamp: (v: any, a: any, b: any) => number;
 export declare const horizontalScrollBar: (seriesData: any, height: any, width: any, svg: any, margin: any, innerWidth: any, scrollbarVisible: any, visibleBars: any, chartJSON: any, scrollPosition: any, isStackedChart: any, setAndUpdateChartData: any, isBarChart?: boolean) => void;
 export declare function addTotalValue(totalValueMap: Map<string, number>, xScale: any, yScale: any, margin: TMargin, d3Annotation: any, oldAnnotationList: any[], formatOptions: TDefaultChartFormatOptionsType, chartType: string, height: number, width: number, svg: any, isReportEditable?: boolean, isBarChart?: boolean): void;
 export declare function createTotalMeasureValueMap(data: TData, totalValueMap: Map<string, number>, filteredDimension: string[]): void;
+export declare function getVerticalGridLinesTickSize(formatOptions: TDefaultChartFormatOptionsType, innerHeight: number, dataTableHeight: number, shouldAdjustForAxisPosition?: boolean): number;

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

@@ -12682,7 +12682,7 @@ function initXaxis$1(gTag, chartJSON, xLabel, formatOptions, dataTableHeight, yS
     XaxisG.select(".domain").style("stroke", formatOptions.xAxisLabel.xAxisColor).attr(
       "stroke-width",
       formatOptions.xAxisLabel.xAxisWidth ? formatOptions.xAxisLabel.xAxisWidth : formatOptions.plotArea.plotAreaBorderThickness
-    ).style("shape-rendering", "crispEdges");
+    ).style("shape-rendering", "crispEdges").raise();
     return gTag;
   } catch (error) {
     throw error;
@@ -12752,9 +12752,11 @@ const MONTH_NAMES = {
   ]
 };
 const getDateFromDimension = (dimension) => {
-  const utc_days = Math.floor(Number(dimension) - 25569);
-  const utc_value = utc_days * 86400;
-  const date2 = new Date(utc_value * 1e3);
+  const serial = Number(dimension);
+  if (!Number.isFinite(serial)) return null;
+  const utcDays = Math.floor(serial - 25569);
+  const date2 = new Date(utcDays * 86400 * 1e3);
+  if (Number.isNaN(date2.getTime())) return null;
   return {
     day: date2.getUTCDate(),
     month: date2.getUTCMonth(),
@@ -12813,8 +12815,9 @@ const formatDate = (day, month, year, format2) => {
 const setDateFormats = (format2, dimensionmarks) => {
   try {
     return dimensionmarks.map((dim) => {
-      const { day, month, year } = getDateFromDimension(dim);
-      if (day == null || month == null || year == null) return dim;
+      const date2 = getDateFromDimension(dim);
+      if (!date2) return dim;
+      const { day, month, year } = date2;
       return formatDate(day, month, year, format2);
     });
   } catch (error) {
@@ -13222,7 +13225,9 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
           responsiveXaxisLabel(dimensionList, innerWidth2).includes(d.Dimension) && !labelExcludeList.includes(d.Legend) && (d.Axis == axisTypes.primary ? yScaleLeft(d.Measure) <= innerHeight2 && yScaleLeft(d.Measure) >= 0 : yScaleRight(d.Measure) <= innerHeight2 && yScaleRight(d.Measure) >= 0) ? annotationsList.push(singleAnnotation) : null;
         }
       });
-      annotationsList = annotationsList.filter((d) => d.data.y.measure != 0);
+      if (formatOptions.annotation.annotationHideZeroValues) {
+        annotationsList = annotationsList.filter((d) => barChart ? d.data.x.measure != 0 : d.data.y.measure != 0);
+      }
       if (oldAnnotationList.length === 0) {
         oldAnnotationList = annotationsList;
         oldMap = new Map(
@@ -13794,7 +13799,7 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
             }
           }
         }
-        finalAnnotationList.push(newAnnotation);
+        newAnnotation.data.labelPosition != 4 && finalAnnotationList.push(newAnnotation);
       });
       makeAnnotations.editMode(formatOptions.annotation.annotationDraggable && isReportEditable).accessors({
         x: function(d) {
@@ -15046,7 +15051,7 @@ function stacklineAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin
           break;
         case "6":
           chartData.forEach((d) => {
-            let annotationVisibility = d[0].properties.annotation.toString();
+            let annotationVisibility = d[0]?.properties?.annotation?.toString();
             switch (annotationVisibility) {
               case "1":
                 for (let i = 0; i < chartData[0].length; i++) {
@@ -15260,15 +15265,24 @@ const appendAnnotations = (svg, formatOptions, margin, fontStyle, makeAnnotation
     const transform = select$2(this).attr("transform");
     const translateValues = transform.match(/translate\(([^,]+),([^,]+)\)/);
     if (translateValues) {
-      const currentX = parseFloat(translateValues[1]);
+      const currentX = isBarChart ? 0 : parseFloat(translateValues[1]);
       return `translate(${currentX}, 0)`;
     }
   });
   annotations.selectAll("text").style(
     "text-anchor",
     (d) => isBarChart ? d.data.position == "2" ? "middle" : "start" : "start"
-  ).append("text").style("fill", formatOptions.annotation.annotationColor !== commonColors.white ? formatOptions.annotation.annotationColor : "none");
-  annotations.selectAll("tspan").attr("hoverId", (d) => d.data.hoverId ? d.data.hoverId : d.data.currentLegend.replaceAll(" ", "-")).style("visibility", (d) => (isBarChart ? parseFloat(d.data.x) == 0 : parseFloat(d.data.y) == 0) && formatOptions.annotation.annotationHideZeroValues ? "hidden" : "visible");
+  ).append("text").style(
+    "fill",
+    formatOptions.annotation.annotationColor !== commonColors.white ? formatOptions.annotation.annotationColor : "none"
+  );
+  annotations.selectAll("tspan").attr(
+    "hoverId",
+    (d) => d.data.hoverId ? d.data.hoverId : d.data.currentLegend.replaceAll(" ", "-")
+  ).style(
+    "visibility",
+    (d) => parseFloat(d.data.y) == 0 && formatOptions.annotation.annotationHideZeroValues ? "hidden" : "visible"
+  );
   return annotations;
 };
 const initXaxisBar = (formatOptions, gTag, yLabel, innerHeight2, innerWidth2, xAxisBottom) => {
@@ -15743,6 +15757,13 @@ function createTotalMeasureValueMap(data, totalValueMap, filteredDimension) {
     });
   }
 }
+function getVerticalGridLinesTickSize(formatOptions, innerHeight2, dataTableHeight, shouldAdjustForAxisPosition = false) {
+  const axisPositionMultiplier = shouldAdjustForAxisPosition ? formatOptions.xAxisLabel.xAxisPosition == "1" ? -1 : 1 : 1;
+  const dataTableHeightIfPreset = dataTableHeight > 0 ? dataTableHeight : 0;
+  const tickHeightPercentage = parseFloat(formatOptions.plotArea.ticksHeight) || 100;
+  const actualTickHeight = (innerHeight2 - dataTableHeightIfPreset) * tickHeightPercentage / 100;
+  return formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? -actualTickHeight * axisPositionMultiplier : 0 : 0;
+}
 const chartProperties = {
   color: "defaultColor",
   name: "",
@@ -17354,7 +17375,7 @@ const ColumnChart = ({
   const getXAxis = () => {
     let xaxisLabelPosition = parseInt(formatOptions.xAxisLabel.xAxisPosition);
     xAxis = (xaxisLabelPosition == 1 ? axisTop(xScale) : axisBottom(xScale)).tickSize(
-      formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? formatOptions.plotArea.gridLinesVertical ? -(dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2) : -formatOptions.plotArea.ticksHeight * ((dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2) / 100) : 0 : 0
+      getVerticalGridLinesTickSize(formatOptions, innerHeight2, dataTableHeight)
     ).tickSizeOuter(0).tickValues(responsiveXaxisLabel(filteredDimension, innerWidth2));
   };
   const getChartType = (lineData) => {
@@ -17835,7 +17856,7 @@ const CustomColumnChart = ({
           ...point2,
           type: series.properties.type,
           axis: series.properties.axis,
-          labelPosition: formatOptions?.annotation?.annotationPosition.toString() === "4" ? series.properties.dataLabelPosition.toString() : formatOptions?.annotation?.annotationPosition.toString(),
+          labelPosition: formatOptions?.annotation?.annotationPosition.toString() === "4" ? series.properties.annotationPosition.toString() : formatOptions?.annotation?.annotationPosition.toString(),
           labelColor: series.properties.labelColor,
           legendUniqueId: series.properties.legendUniqueId
         };
@@ -18363,7 +18384,7 @@ const CustomColumnChart = ({
       (d) => `translate(${xScale(d.data.dimension) - columnWidth / 2},0)`
     ).merge(rects).attr(
       "hoverId",
-      (d) => d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
+      (d) => d.alias.includes("~$~") ? d.alias.split("~$~")[1].replace(/ /g, "-") : d.alias.replace(/ /g, "-")
     ).attr("x", (d) => xScaleForLegends(chartTypes.StackColumnChart)).attr(
       "y",
       (d) => d.data.axis === axisTypes.primary ? yScaleLeft(d[1]) : yScaleRight(d[1])
@@ -18550,6 +18571,7 @@ const CustomColumnChart = ({
     stackChartData.forEach((stackData, j) => {
       stackData.forEach((d) => {
         d["key"] = stackData.key;
+        d["alias"] = requiredStackChatData.data[j].properties.alias;
         stackData["alias"] = requiredStackChatData.data[j].properties.alias;
         stackData["color"] = JSON.parse(
           JSON.stringify(requiredStackChatData.data[j].properties.color)
@@ -18557,7 +18579,7 @@ const CustomColumnChart = ({
         stackData["individualAnnotationVisibility"] = JSON.parse(
           JSON.stringify(requiredStackChatData.data[j].properties.annotation)
         );
-        d.data.labelPosition = formatOptions?.annotation?.annotationPosition.toString() === "4" ? requiredStackChatData.data[j].properties.dataLabelPosition.toString() : formatOptions?.annotation?.annotationPosition.toString();
+        d.data.labelPosition = formatOptions?.annotation?.annotationPosition.toString() === "4" ? requiredStackChatData.data[j].properties.annotationPosition.toString() : formatOptions?.annotation?.annotationPosition.toString();
         d.data["labelColor"] = seriesColor == "2" ? JSON.parse(
           JSON.stringify(requiredStackChatData.data[j].properties.color)
         ) : JSON.parse(
@@ -19444,7 +19466,7 @@ const StackColumnChart = ({
   };
   const getXAxis = () => {
     xAxis = axisBottom(xScale).tickSize(
-      formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? formatOptions.plotArea.gridLinesVertical ? -(dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2) : parseFloat(formatOptions.plotArea.ticksHeight) * ((dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2) / 100) * (formatOptions.xAxisLabel.xAxisPosition == "1" ? 1 : -1) : 0 : 0
+      getVerticalGridLinesTickSize(formatOptions, innerHeight2, dataTableHeight, true)
     ).tickSizeOuter(0).tickValues(responsiveXaxisLabel(filteredDimension, innerWidth2));
   };
   const getChartType = (lineData) => {
@@ -21656,7 +21678,7 @@ const LineChart = ({
     chartJSON.chartData = allChartData;
     chartJSON.legendList = legendList;
     chartJSON.yMaxLeft = yMaxLeft;
-    chartJSON.yMinLeft = yMinLeft > 0 ? 0 : yMinLeft;
+    chartJSON.yMinLeft = yMinLeft;
     chartJSON.yMaxRight = yMaxRight;
     chartJSON.yMinRight = yMinRight;
     formatedDimensionList = isDateType ? setDateFormats(
@@ -21690,7 +21712,7 @@ const LineChart = ({
     chartJSON.yMinLeft = yAxisLabelArray[0];
     {
       yScaleLeft = linear$1().domain([
-        chartJSON.yMinLeft >= 0 ? customYaxisMinValue !== void 0 && !Number.isNaN(customYaxisMinValue) ? customYaxisMinValue : 0 : chartJSON.yMinLeft < 0 ? chartJSON.yMinLeft * 1.1 : chartJSON.yMinLeft * 0.9,
+        chartJSON.yMinLeft >= 0 ? customYaxisMinValue !== void 0 && !Number.isNaN(customYaxisMinValue) ? customYaxisMinValue : chartJSON.yMinLeft * 0.9 : chartJSON.yMinLeft < 0 ? chartJSON.yMinLeft * 1.1 : chartJSON.yMinLeft * 0.9,
         chartJSON.yMaxLeft <= 0 ? 0 : customYaxisMaxValue !== void 0 && !Number.isNaN(customYaxisMaxValue) ? customYaxisMaxValue : chartJSON.yMaxLeft * 1.1
       ]).range([
         dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2,
@@ -22500,6 +22522,7 @@ const StackLineChart = ({
         d["hideZero"] = JSON.parse(
           JSON.stringify(seriesData[j].properties.hideZeroValues)
         );
+        d["properties"] = seriesData[j].properties;
       })
     );
   };
@@ -23022,6 +23045,7 @@ const NormalisedStackLineChart = ({
         d["hideZero"] = JSON.parse(
           JSON.stringify(seriesData[j].properties.hideZeroValues)
         );
+        d["properties"] = seriesData[j].properties;
       })
     );
   };
@@ -25039,6 +25063,7 @@ const LayeredHorizontalBarChart = ({
       lData.data.forEach((cData) => {
         cData.hideZero = lData.properties.hideZeroValues;
         cData.axis = lData.properties.axis;
+        cData["properties"] = lData.properties;
       });
     });
     lineData.forEach((data2, index2) => {
@@ -26367,23 +26392,6 @@ const AreaChart = ({
   const drawAreaChart = () => {
     getXScale();
     getXAxis();
-    initXaxis$1(
-      gTag,
-      chartJSON,
-      xLabel,
-      formatOptions,
-      dataTableHeight,
-      yScaleLeft,
-      xAxis,
-      dimensionHeightWidthArray,
-      height,
-      barWidth,
-      isDateType,
-      innerWidth2,
-      innerHeight2,
-      filteredDimension,
-      xScale
-    );
     commonAnnotations(
       seriesData,
       xScale,
@@ -26420,6 +26428,23 @@ const AreaChart = ({
       isSecondaryAxisDrawn
     ).labelArray;
     getChartType(filteredData);
+    initXaxis$1(
+      gTag,
+      chartJSON,
+      xLabel,
+      formatOptions,
+      dataTableHeight,
+      yScaleLeft,
+      xAxis,
+      dimensionHeightWidthArray,
+      height,
+      barWidth,
+      isDateType,
+      innerWidth2,
+      innerHeight2,
+      filteredDimension,
+      xScale
+    );
     drawSeriesLabels(formatOptions, gTag, newSeriesLabelArray);
     if (formatOptions.dataTableProperties && formatOptions.dataTableProperties.dataTable) {
       if (formatOptions.xAxisLabel.xAxisPosition != "1")
@@ -26918,6 +26943,7 @@ const StackAreaChart = ({
   const drawLineChart = () => {
     getXScale();
     getXAxis();
+    getChartType(filteredData);
     initXaxis$1(
       gTag,
       chartJSON,
@@ -26935,7 +26961,6 @@ const StackAreaChart = ({
       filteredDimension,
       xScale
     );
-    getChartType(filteredData);
     stacklineAnnotations(
       stackChartData,
       xScale,
@@ -27587,6 +27612,7 @@ const NormalizedStackAreaChart = ({
         d["hideZero"] = JSON.parse(
           JSON.stringify(seriesData[j].properties.hideZeroValues)
         );
+        d["properties"] = seriesData[j].properties;
       })
     );
   };
@@ -54724,7 +54750,8 @@ const WaterfallChart = ({
   };
   const preProcessChartData = () => {
     if (isAdvancedWaterfall) {
-      const tempWaterfallChartData2 = mapAdvancedWaterfallData(data);
+      let tempWaterfallChartData2 = mapAdvancedWaterfallData(data);
+      tempWaterfallChartData2 = tempWaterfallChartData2.filter((d) => d.up + d.down + d.base != 0);
       chartJSON.dimensionList = tempWaterfallChartData2.map((d) => d.xKey);
       chartJSON.legendList = chartJSON.dimensionList;
       waterFallData = stack().keys(["base", "dimensionTotal", "up", "down"])(

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

@@ -12685,7 +12685,7 @@
       XaxisG.select(".domain").style("stroke", formatOptions.xAxisLabel.xAxisColor).attr(
         "stroke-width",
         formatOptions.xAxisLabel.xAxisWidth ? formatOptions.xAxisLabel.xAxisWidth : formatOptions.plotArea.plotAreaBorderThickness
-      ).style("shape-rendering", "crispEdges");
+      ).style("shape-rendering", "crispEdges").raise();
       return gTag;
     } catch (error) {
       throw error;
@@ -12755,9 +12755,11 @@
     ]
   };
   const getDateFromDimension = (dimension) => {
-    const utc_days = Math.floor(Number(dimension) - 25569);
-    const utc_value = utc_days * 86400;
-    const date2 = new Date(utc_value * 1e3);
+    const serial = Number(dimension);
+    if (!Number.isFinite(serial)) return null;
+    const utcDays = Math.floor(serial - 25569);
+    const date2 = new Date(utcDays * 86400 * 1e3);
+    if (Number.isNaN(date2.getTime())) return null;
     return {
       day: date2.getUTCDate(),
       month: date2.getUTCMonth(),
@@ -12816,8 +12818,9 @@
   const setDateFormats = (format2, dimensionmarks) => {
     try {
       return dimensionmarks.map((dim) => {
-        const { day, month, year } = getDateFromDimension(dim);
-        if (day == null || month == null || year == null) return dim;
+        const date2 = getDateFromDimension(dim);
+        if (!date2) return dim;
+        const { day, month, year } = date2;
         return formatDate(day, month, year, format2);
       });
     } catch (error) {
@@ -13225,7 +13228,9 @@
             responsiveXaxisLabel(dimensionList, innerWidth2).includes(d.Dimension) && !labelExcludeList.includes(d.Legend) && (d.Axis == axisTypes.primary ? yScaleLeft(d.Measure) <= innerHeight2 && yScaleLeft(d.Measure) >= 0 : yScaleRight(d.Measure) <= innerHeight2 && yScaleRight(d.Measure) >= 0) ? annotationsList.push(singleAnnotation) : null;
           }
         });
-        annotationsList = annotationsList.filter((d) => d.data.y.measure != 0);
+        if (formatOptions.annotation.annotationHideZeroValues) {
+          annotationsList = annotationsList.filter((d) => barChart ? d.data.x.measure != 0 : d.data.y.measure != 0);
+        }
         if (oldAnnotationList.length === 0) {
           oldAnnotationList = annotationsList;
           oldMap = new Map(
@@ -13797,7 +13802,7 @@
               }
             }
           }
-          finalAnnotationList.push(newAnnotation);
+          newAnnotation.data.labelPosition != 4 && finalAnnotationList.push(newAnnotation);
         });
         makeAnnotations.editMode(formatOptions.annotation.annotationDraggable && isReportEditable).accessors({
           x: function(d) {
@@ -15049,7 +15054,7 @@
             break;
           case "6":
             chartData.forEach((d) => {
-              let annotationVisibility = d[0].properties.annotation.toString();
+              let annotationVisibility = d[0]?.properties?.annotation?.toString();
               switch (annotationVisibility) {
                 case "1":
                   for (let i = 0; i < chartData[0].length; i++) {
@@ -15263,15 +15268,24 @@
       const transform = select$2(this).attr("transform");
       const translateValues = transform.match(/translate\(([^,]+),([^,]+)\)/);
       if (translateValues) {
-        const currentX = parseFloat(translateValues[1]);
+        const currentX = isBarChart ? 0 : parseFloat(translateValues[1]);
         return `translate(${currentX}, 0)`;
       }
     });
     annotations.selectAll("text").style(
       "text-anchor",
       (d) => isBarChart ? d.data.position == "2" ? "middle" : "start" : "start"
-    ).append("text").style("fill", formatOptions.annotation.annotationColor !== commonColors.white ? formatOptions.annotation.annotationColor : "none");
-    annotations.selectAll("tspan").attr("hoverId", (d) => d.data.hoverId ? d.data.hoverId : d.data.currentLegend.replaceAll(" ", "-")).style("visibility", (d) => (isBarChart ? parseFloat(d.data.x) == 0 : parseFloat(d.data.y) == 0) && formatOptions.annotation.annotationHideZeroValues ? "hidden" : "visible");
+    ).append("text").style(
+      "fill",
+      formatOptions.annotation.annotationColor !== commonColors.white ? formatOptions.annotation.annotationColor : "none"
+    );
+    annotations.selectAll("tspan").attr(
+      "hoverId",
+      (d) => d.data.hoverId ? d.data.hoverId : d.data.currentLegend.replaceAll(" ", "-")
+    ).style(
+      "visibility",
+      (d) => parseFloat(d.data.y) == 0 && formatOptions.annotation.annotationHideZeroValues ? "hidden" : "visible"
+    );
     return annotations;
   };
   const initXaxisBar = (formatOptions, gTag, yLabel, innerHeight2, innerWidth2, xAxisBottom) => {
@@ -15746,6 +15760,13 @@
       });
     }
   }
+  function getVerticalGridLinesTickSize(formatOptions, innerHeight2, dataTableHeight, shouldAdjustForAxisPosition = false) {
+    const axisPositionMultiplier = shouldAdjustForAxisPosition ? formatOptions.xAxisLabel.xAxisPosition == "1" ? -1 : 1 : 1;
+    const dataTableHeightIfPreset = dataTableHeight > 0 ? dataTableHeight : 0;
+    const tickHeightPercentage = parseFloat(formatOptions.plotArea.ticksHeight) || 100;
+    const actualTickHeight = (innerHeight2 - dataTableHeightIfPreset) * tickHeightPercentage / 100;
+    return formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? -actualTickHeight * axisPositionMultiplier : 0 : 0;
+  }
   const chartProperties = {
     color: "defaultColor",
     name: "",
@@ -17357,7 +17378,7 @@
     const getXAxis = () => {
       let xaxisLabelPosition = parseInt(formatOptions.xAxisLabel.xAxisPosition);
       xAxis = (xaxisLabelPosition == 1 ? axisTop(xScale) : axisBottom(xScale)).tickSize(
-        formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? formatOptions.plotArea.gridLinesVertical ? -(dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2) : -formatOptions.plotArea.ticksHeight * ((dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2) / 100) : 0 : 0
+        getVerticalGridLinesTickSize(formatOptions, innerHeight2, dataTableHeight)
       ).tickSizeOuter(0).tickValues(responsiveXaxisLabel(filteredDimension, innerWidth2));
     };
     const getChartType = (lineData) => {
@@ -17838,7 +17859,7 @@
             ...point2,
             type: series.properties.type,
             axis: series.properties.axis,
-            labelPosition: formatOptions?.annotation?.annotationPosition.toString() === "4" ? series.properties.dataLabelPosition.toString() : formatOptions?.annotation?.annotationPosition.toString(),
+            labelPosition: formatOptions?.annotation?.annotationPosition.toString() === "4" ? series.properties.annotationPosition.toString() : formatOptions?.annotation?.annotationPosition.toString(),
             labelColor: series.properties.labelColor,
             legendUniqueId: series.properties.legendUniqueId
           };
@@ -18366,7 +18387,7 @@
         (d) => `translate(${xScale(d.data.dimension) - columnWidth / 2},0)`
       ).merge(rects).attr(
         "hoverId",
-        (d) => d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
+        (d) => d.alias.includes("~$~") ? d.alias.split("~$~")[1].replace(/ /g, "-") : d.alias.replace(/ /g, "-")
       ).attr("x", (d) => xScaleForLegends(chartTypes.StackColumnChart)).attr(
         "y",
         (d) => d.data.axis === axisTypes.primary ? yScaleLeft(d[1]) : yScaleRight(d[1])
@@ -18553,6 +18574,7 @@
       stackChartData.forEach((stackData, j) => {
         stackData.forEach((d) => {
           d["key"] = stackData.key;
+          d["alias"] = requiredStackChatData.data[j].properties.alias;
           stackData["alias"] = requiredStackChatData.data[j].properties.alias;
           stackData["color"] = JSON.parse(
             JSON.stringify(requiredStackChatData.data[j].properties.color)
@@ -18560,7 +18582,7 @@
           stackData["individualAnnotationVisibility"] = JSON.parse(
             JSON.stringify(requiredStackChatData.data[j].properties.annotation)
           );
-          d.data.labelPosition = formatOptions?.annotation?.annotationPosition.toString() === "4" ? requiredStackChatData.data[j].properties.dataLabelPosition.toString() : formatOptions?.annotation?.annotationPosition.toString();
+          d.data.labelPosition = formatOptions?.annotation?.annotationPosition.toString() === "4" ? requiredStackChatData.data[j].properties.annotationPosition.toString() : formatOptions?.annotation?.annotationPosition.toString();
           d.data["labelColor"] = seriesColor == "2" ? JSON.parse(
             JSON.stringify(requiredStackChatData.data[j].properties.color)
           ) : JSON.parse(
@@ -19447,7 +19469,7 @@
     };
     const getXAxis = () => {
       xAxis = axisBottom(xScale).tickSize(
-        formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? formatOptions.plotArea.gridLinesVertical ? -(dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2) : parseFloat(formatOptions.plotArea.ticksHeight) * ((dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2) / 100) * (formatOptions.xAxisLabel.xAxisPosition == "1" ? 1 : -1) : 0 : 0
+        getVerticalGridLinesTickSize(formatOptions, innerHeight2, dataTableHeight, true)
       ).tickSizeOuter(0).tickValues(responsiveXaxisLabel(filteredDimension, innerWidth2));
     };
     const getChartType = (lineData) => {
@@ -21659,7 +21681,7 @@
       chartJSON.chartData = allChartData;
       chartJSON.legendList = legendList;
       chartJSON.yMaxLeft = yMaxLeft;
-      chartJSON.yMinLeft = yMinLeft > 0 ? 0 : yMinLeft;
+      chartJSON.yMinLeft = yMinLeft;
       chartJSON.yMaxRight = yMaxRight;
       chartJSON.yMinRight = yMinRight;
       formatedDimensionList = isDateType ? setDateFormats(
@@ -21693,7 +21715,7 @@
       chartJSON.yMinLeft = yAxisLabelArray[0];
       {
         yScaleLeft = linear$1().domain([
-          chartJSON.yMinLeft >= 0 ? customYaxisMinValue !== void 0 && !Number.isNaN(customYaxisMinValue) ? customYaxisMinValue : 0 : chartJSON.yMinLeft < 0 ? chartJSON.yMinLeft * 1.1 : chartJSON.yMinLeft * 0.9,
+          chartJSON.yMinLeft >= 0 ? customYaxisMinValue !== void 0 && !Number.isNaN(customYaxisMinValue) ? customYaxisMinValue : chartJSON.yMinLeft * 0.9 : chartJSON.yMinLeft < 0 ? chartJSON.yMinLeft * 1.1 : chartJSON.yMinLeft * 0.9,
           chartJSON.yMaxLeft <= 0 ? 0 : customYaxisMaxValue !== void 0 && !Number.isNaN(customYaxisMaxValue) ? customYaxisMaxValue : chartJSON.yMaxLeft * 1.1
         ]).range([
           dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2,
@@ -22503,6 +22525,7 @@
           d["hideZero"] = JSON.parse(
             JSON.stringify(seriesData[j].properties.hideZeroValues)
           );
+          d["properties"] = seriesData[j].properties;
         })
       );
     };
@@ -23025,6 +23048,7 @@
           d["hideZero"] = JSON.parse(
             JSON.stringify(seriesData[j].properties.hideZeroValues)
           );
+          d["properties"] = seriesData[j].properties;
         })
       );
     };
@@ -25042,6 +25066,7 @@
         lData.data.forEach((cData) => {
           cData.hideZero = lData.properties.hideZeroValues;
           cData.axis = lData.properties.axis;
+          cData["properties"] = lData.properties;
         });
       });
       lineData.forEach((data2, index2) => {
@@ -26370,23 +26395,6 @@
     const drawAreaChart = () => {
       getXScale();
       getXAxis();
-      initXaxis$1(
-        gTag,
-        chartJSON,
-        xLabel,
-        formatOptions,
-        dataTableHeight,
-        yScaleLeft,
-        xAxis,
-        dimensionHeightWidthArray,
-        height,
-        barWidth,
-        isDateType,
-        innerWidth2,
-        innerHeight2,
-        filteredDimension,
-        xScale
-      );
       commonAnnotations(
         seriesData,
         xScale,
@@ -26423,6 +26431,23 @@
         isSecondaryAxisDrawn
       ).labelArray;
       getChartType(filteredData);
+      initXaxis$1(
+        gTag,
+        chartJSON,
+        xLabel,
+        formatOptions,
+        dataTableHeight,
+        yScaleLeft,
+        xAxis,
+        dimensionHeightWidthArray,
+        height,
+        barWidth,
+        isDateType,
+        innerWidth2,
+        innerHeight2,
+        filteredDimension,
+        xScale
+      );
       drawSeriesLabels(formatOptions, gTag, newSeriesLabelArray);
       if (formatOptions.dataTableProperties && formatOptions.dataTableProperties.dataTable) {
         if (formatOptions.xAxisLabel.xAxisPosition != "1")
@@ -26921,6 +26946,7 @@
     const drawLineChart = () => {
       getXScale();
       getXAxis();
+      getChartType(filteredData);
       initXaxis$1(
         gTag,
         chartJSON,
@@ -26938,7 +26964,6 @@
         filteredDimension,
         xScale
       );
-      getChartType(filteredData);
       stacklineAnnotations(
         stackChartData,
         xScale,
@@ -27590,6 +27615,7 @@
           d["hideZero"] = JSON.parse(
             JSON.stringify(seriesData[j].properties.hideZeroValues)
           );
+          d["properties"] = seriesData[j].properties;
         })
       );
     };
@@ -54727,7 +54753,8 @@
     };
     const preProcessChartData = () => {
       if (isAdvancedWaterfall) {
-        const tempWaterfallChartData2 = mapAdvancedWaterfallData(data);
+        let tempWaterfallChartData2 = mapAdvancedWaterfallData(data);
+        tempWaterfallChartData2 = tempWaterfallChartData2.filter((d) => d.up + d.down + d.base != 0);
         chartJSON.dimensionList = tempWaterfallChartData2.map((d) => d.xKey);
         chartJSON.legendList = chartJSON.dimensionList;
         waterFallData = stack().keys(["base", "dimensionTotal", "up", "down"])(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pace-chart-lib",
-  "version": "1.0.35",
+  "version": "1.0.38",
   "description": "A simple React + Vite + TS UI library with a Button using custom fonts via SCSS.",
   "license": "MIT",
   "type": "module",