Improvement - VueUiDonut - Improve management of small arc labels

Author: graphieros

TestingArena/ArenaVueUiDonut.vue

@@ -44,8 +44,12 @@ onMounted(() => {
     setTimeout(() => {
         dataset.value = [
             {
-                name: 'Series A',
-                values: [3]
+                name: 'Series H',
+                values: [0.05]
+            },
+            {
+                name: 'Series A with some\nlong label that\nis cut',
+                values: [3],
             },
             {
                 name: 'Series B',
@@ -55,6 +59,38 @@ onMounted(() => {
                 name: 'Series C',
                 values: [1]
             },
+            {
+                name: 'Series D',
+                values: [0.5]
+            },
+            {
+                name: 'Series E',
+                values: [0.25]
+            },
+            {
+                name: 'Series F is longer\nand breaks',
+                values: [0.25]
+            },
+            {
+                name: 'Series G',
+                values: [0.05]
+            },
+            {
+                name: 'Series I',
+                values: [0.25]
+            },
+            {
+                name: 'Series J',
+                values: [0.25]
+            },
+            {
+                name: 'Series K',
+                values: [0.25]
+            },
+            {
+                name: 'Series L',
+                values: [0.25]
+            },
         ]
     }, 2000)
 })
@@ -127,7 +163,9 @@ const model = createModel([
     NUMBER("style.chart.padding.left", { def: 24, min: 0, max: 100 }),
     CHECKBOX("style.chart.layout.curvedMarkers", { def: true }),
     CHECKBOX("style.chart.layout.labels.dataLabels.show", { def: true, label: "show", category: "labels" }),
+    CHECKBOX("style.chart.layout.labels.dataLabels.oneLine", {def: true }),
     NUMBER("style.chart.layout.labels.dataLabels.hideUnderValue", { def: 3, min: 0, max: 100, label: "hideUnderValue", category: "labels" }),
+    NUMBER("style.chart.layout.labels.dataLabels.smallArcClusterThreshold", { def: 8, min: 0, max: 100 }),
     CHECKBOX("style.chart.layout.labels.dataLabels.useLabelSlots", { def: false }),
     TEXT("style.chart.layout.labels.dataLabels.prefix", { def: "", label: "prefix", category: "labels" }),
     TEXT("style.chart.layout.labels.dataLabels.suffix", { def: "", label: "suffix", category: "labels" }),