pace-chart-lib 1.0.68 → 1.0.69

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

@@ -11332,7 +11332,8 @@
       totalHideZeroValues: true,
       totalDisplayUnits: "None",
       editTotalTextToggle: false,
-      editTotalText: "Total"
+      editTotalText: "Total",
+      showTotalLabel: true
     },
     toolTip: {
       toolTipVisibility: true,
@@ -13597,7 +13598,15 @@
           const ease = effectsMap[formatOptions.animation.animationEffect];
           const accessors = makeAnnotations.accessors();
           const isLineChartType = chartType === chartTypes.LineChart;
-          if (isLineChartType) {
+          const isDotPlot = chartType === chartTypes.DotPlot;
+          const toTranslate = (d, dx = 0) => {
+            const x2 = accessors.x(d.data);
+            const y2 = accessors.y(d.data);
+            return `translate(${x2 + dx}, ${y2})`;
+          };
+          if (isDotPlot) {
+            annotations.selectAll(".annotation").attr("opacity", 0).attr("transform", (d) => toTranslate(d, -15)).transition().duration(duration).ease(ease).attr("opacity", 1).attr("transform", (d) => toTranslate(d));
+          } else if (isLineChartType) {
             const xRange = xScale.range ? xScale.range() : [0, 1];
             const xRangeMin = Math.min(xRange[0], xRange[1]);
             const xRangeSpan = Math.max(xRange[0], xRange[1]) - xRangeMin;
@@ -28846,7 +28855,9 @@
           chartFormatOptions.total.totalDecimalPrecision
         )(totalValue);
         let cords = getTotalValueCords(chartFormatOptions, chartTitleHeight, innerWidth2, innerHeight2);
-        chartAreaTagG.append("g").attr("transform", `translate(${cords.x}, ${cords.y})`).style("user-select", "none").append("text").text(`${chartFormatOptions.total.editTotalTextToggle ? chartFormatOptions.total.editTotalText : "Total"} : ${formatedTotalValue}`).style(
+        chartAreaTagG.append("g").attr("transform", `translate(${cords.x}, ${cords.y})`).style("user-select", "none").append("text").text(
+          chartFormatOptions.total.showTotalLabel !== false ? `${chartFormatOptions.total.editTotalTextToggle ? chartFormatOptions.total.editTotalText : "Total"} : ${formatedTotalValue}` : formatedTotalValue
+        ).style(
           "fill",
           chartFormatOptions.total.totalColor !== commonColors.white ? chartFormatOptions.total.totalColor : "none"
         ).style("font-family", chartFormatOptions.total.totalFontFamily).style("font-size", chartFormatOptions.total.totalFontSize).style("font-style", fontStyle.includes(fontStyleOptions.italic) ? fontStyleOptions.italic : "").style(
@@ -29751,7 +29762,8 @@
         if (chartFormatOptions.total && chartFormatOptions.total.totalVisibility) {
           let total = pieTotalValue;
           let fontStyle = chartFormatOptions.total.totalFontStyle;
-          chartAreaTagG.append("g").attr("transform", getPiePosition()).attr("pointer-events", "none").attr("text-anchor", "middle").append("text").style(
+          const totalGroup = chartAreaTagG.append("g").attr("transform", getPiePosition()).attr("pointer-events", "none").attr("text-anchor", "middle");
+          totalGroup.append("text").style(
             "fill",
             chartFormatOptions.total.totalColor !== commonColors.white ? chartFormatOptions.total.totalColor : "none"
           ).style("font-family", chartFormatOptions.total.totalFontFamily).style("font-size", chartFormatOptions.total.totalFontSize).style(
@@ -29766,7 +29778,7 @@
           ).attr("text-anchor", "middle").attr(
             "visibility",
             chartFormatOptions.plotArea.dataLabelValue ? "visible" : "hidden"
-          ).text(chartFormatOptions.total.editTotalText).append("tspan").attr("x", 0).attr("y", "1.3em").attr(
+          ).text(chartFormatOptions.total.showTotalLabel !== false ? chartFormatOptions.total.editTotalText : "").append("tspan").attr("x", 0).attr("y", chartFormatOptions.total.showTotalLabel !== false ? "1.3em" : "0").attr(
             "font-weight",
             fontStyle.includes(fontStyleOptions.bold) ? fontStyleOptions.bold : 300
           ).text(
@@ -29776,6 +29788,9 @@
               chartFormatOptions.total.totalDecimalPrecision
             )(total)
           );
+          if (chartFormatOptions.animation.animationEnabled) {
+            totalGroup.attr("opacity", 0).transition().duration(chartFormatOptions.animation.animationDuration).ease(effectsMap[chartFormatOptions.animation.animationEffect]).attr("opacity", 1);
+          }
         }
       } catch (error) {
         logError$2(fileName$7, "drawTotalValue", error);
@@ -31427,7 +31442,17 @@
                     )(d)
                   ).attr("visibility", (d) => d === "" ? "hidden" : "visible");
                   if (chartFormatOptions.animation.animationEnabled) {
-                    lg.selectAll("text").attr("opacity", 0).transition().duration(chartFormatOptions.animation.animationDuration).ease(effectsMap[chartFormatOptions.animation.animationEffect]).attr("opacity", 1);
+                    const duration = chartFormatOptions.animation.animationDuration;
+                    const ease = effectsMap[chartFormatOptions.animation.animationEffect];
+                    lg.selectAll("text").attr("opacity", 0).attr("transform", function(d, i) {
+                      const factor = range2 / config.majorTicks * i;
+                      const tickAngle = config.minAngle + factor;
+                      return `rotate(${tickAngle}) translate(0, ${config.labelInset - radius + 20})`;
+                    }).transition().duration(duration).ease(ease).attr("opacity", 1).attr("transform", function(d, i) {
+                      const factor = range2 / config.majorTicks * i;
+                      const tickAngle = config.minAngle + factor;
+                      return `rotate(${tickAngle}) translate(0, ${config.labelInset - radius})`;
+                    });
                   }
                 }
                 if (chartFormatOptions.pointerValue.showPointerValue && seriesData.length === 2) {
@@ -56492,7 +56517,7 @@
           rects = rectsEnter.merge(rects);
           if (formatOptions.plotArea.plotAreaDataLabel == "2" && k2 != 1) {
             const textGroups = barGroups.selectAll("text").data((d) => d);
-            textGroups.enter().append("text").text(
+            const textEnter = textGroups.enter().append("text").text(
               (d) => getNumberWithFormat(
                 d[1] - d[0],
                 formatOptions.plotArea.plotAreaDisplayUnits,
@@ -56504,10 +56529,12 @@
               (d) => xScale(
                 !isAdvancedWaterfall ? d.data.dimension || d.data.legend : d.data.xKey
               ) + xScale.bandwidth() / 2
-            ).attr("y", (d) => d[1] ? yScaleLeft(d[1]) - 15 : 0).style("font-size", "11px").attr("text-anchor", "middle").attr(
+            ).attr("y", yScaleLeft(0) ?? 0).style("font-size", "11px").attr("text-anchor", "middle").attr(
               "visibility",
               (d) => d[1] - d[0] !== 0 && yScaleLeft(d[1]) ? "visible" : "hidden"
             );
+            const finalTexts = shouldAnimate ? textEnter.transition().duration(formatOptions.animation.animationDuration).ease(effectsMap[formatOptions.animation.animationEffect]) : textEnter;
+            finalTexts.attr("y", (d) => d[1] ? yScaleLeft(d[1]) - 15 : 0);
             textGroups.exit().remove();
           }
         }

package/package.json

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