fix #4370; ref #4516; hide total label if it is empty

apexcharts · Sep 18, 2024 · 4ad53be · 4ad53be
1 parent e524061
commit 4ad53be
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/charts/Pie.js b/src/charts/Pie.js
@@ -793,7 +793,9 @@ class Pie {
     dataLabelsGroup.node.style.opacity = opts.opacity
 
     let x = opts.centerX
-    let y = opts.centerY
+    let y = !this.donutDataLabels.total.label
+      ? opts.centerY - opts.centerY / 6
+      : opts.centerY
 
     let labelColor, valueColor
 
@@ -821,7 +823,9 @@ class Pie {
       labelFontSize = dataLabelsConfig.total.fontSize
       labelFontFamily = dataLabelsConfig.total.fontFamily
       labelFontWeight = dataLabelsConfig.total.fontWeight
-      name = dataLabelsConfig.total.label
+      name = !this.donutDataLabels.total.label
+        ? ''
+        : dataLabelsConfig.total.label
       val = dataLabelsConfig.total.formatter(w)
     } else {
       if (w.globals.series.length === 1) {
@@ -917,7 +921,9 @@ class Pie {
     }
 
     const isTotal = name === labelsConfig.total.label
-    name = labelsConfig.name.formatter(name, isTotal, w)
+    name = !this.donutDataLabels.total.label
+      ? ''
+      : labelsConfig.name.formatter(name, isTotal, w)
 
     if (elLabel !== null) {
       elLabel.textContent = name