Merge pull request #117 from 2113ic/fix/vue-ui-sparkstackbar

Fix/vue ui sparkstackbar

Author: graphieros

src/components/vue-ui-sparkstackbar.vue

@@ -171,13 +171,18 @@ const total = computed(() => {
 
 const absoluteDataset = computed(() => {
     return safeDatasetCopy.value.map((d, i) => {
+        const dValue = d.value || 0;
+        const _dProportion = dValue / total.value;
+        const dProportion = isNaN(_dProportion) ? 0 : _dProportion;
+        const dWidth = dProportion * svg.value.width;
+
         return {
             ...d,
-            value: d.value || 0,
-            proportion: (d.value || 0) / total.value,
-            width: (d.value || 0) / total.value * svg.value.width,
+            value: dValue,
+            proportion: dProportion,
+            width: dWidth || svg.value.width / safeDatasetCopy.value.length,
             proportionLabel: dataLabel({
-                v: (d.value || 0) / total.value * 100,
+                v: dProportion * 100,
                 s: '%',
                 r: FINAL_CONFIG.value.style.legend.percentage.rounding
             }),