pace-chart-lib 1.0.35 → 1.0.36

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

@@ -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) => d.data.y.measure != 0);
+      }
       if (oldAnnotationList.length === 0) {
         oldAnnotationList = annotationsList;
         oldMap = new Map(
@@ -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) => {
@@ -18363,7 +18377,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 +18564,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)
@@ -21656,7 +21671,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 +21705,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 +22515,7 @@ const StackLineChart = ({
         d["hideZero"] = JSON.parse(
           JSON.stringify(seriesData[j].properties.hideZeroValues)
         );
+        d["properties"] = seriesData[j].properties;
       })
     );
   };
@@ -23022,6 +23038,7 @@ const NormalisedStackLineChart = ({
         d["hideZero"] = JSON.parse(
           JSON.stringify(seriesData[j].properties.hideZeroValues)
         );
+        d["properties"] = seriesData[j].properties;
       })
     );
   };
@@ -27587,6 +27604,7 @@ const NormalizedStackAreaChart = ({
         d["hideZero"] = JSON.parse(
           JSON.stringify(seriesData[j].properties.hideZeroValues)
         );
+        d["properties"] = seriesData[j].properties;
       })
     );
   };

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

@@ -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) => d.data.y.measure != 0);
+        }
         if (oldAnnotationList.length === 0) {
           oldAnnotationList = annotationsList;
           oldMap = new Map(
@@ -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) => {
@@ -18366,7 +18380,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 +18567,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)
@@ -21659,7 +21674,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 +21708,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 +22518,7 @@
           d["hideZero"] = JSON.parse(
             JSON.stringify(seriesData[j].properties.hideZeroValues)
           );
+          d["properties"] = seriesData[j].properties;
         })
       );
     };
@@ -23025,6 +23041,7 @@
           d["hideZero"] = JSON.parse(
             JSON.stringify(seriesData[j].properties.hideZeroValues)
           );
+          d["properties"] = seriesData[j].properties;
         })
       );
     };
@@ -27590,6 +27607,7 @@
           d["hideZero"] = JSON.parse(
             JSON.stringify(seriesData[j].properties.hideZeroValues)
           );
+          d["properties"] = seriesData[j].properties;
         })
       );
     };

package/package.json

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