Improvement - Sanitize datasets to process charts with unprocessable values

Author: graphieros

src/components/vue-ui-dumbbell.vue

@@ -3,6 +3,7 @@ import { ref, computed, nextTick, onMounted, onBeforeUnmount } from "vue";
 import {
     applyDataLabel,
     calculateNiceScale,
+    checkNaN,
     createCsvContent,
     createUid,
     darkenHexColor,
@@ -12,7 +13,6 @@ import {
     getMissingDatasetAttributes,
     lightenHexColor,
     objectIsEmpty,
-    sanitizeArray,
     XMLNS,
 } from "../lib";
 import { throttle } from "../canvas-lib";
@@ -135,9 +135,11 @@ const mutableConfig = ref({
 });
 
 const immutableDataset = computed(() => {
-    return sanitizeArray(props.dataset, ['start', 'end']).map((ds, i) => {
+    return props.dataset.map((ds, i) => {
         return {
             ...ds,
+            start: checkNaN(ds.start),
+            end: checkNaN(ds.end),
             id: createUid()
         }
     })

src/components/vue-ui-quick-chart.vue

@@ -97,7 +97,7 @@ const fd = computed(() => {
         'data',
         'value',
         'values',
-        'num'
+        'num',
     ]), barLineSwitch: FINAL_CONFIG.value.chartIsBarUnderDatasetLength });
     console.log(f)
     if(!f) {

src/components/vue-ui-strip-plot.vue

@@ -3,6 +3,7 @@ import { ref, computed, nextTick, onMounted, onBeforeUnmount } from "vue";
 import {
     applyDataLabel,
     calculateNiceScale,
+    checkNaN,
     convertColorToHex,
     convertCustomPalette,
     createCsvContent,
@@ -17,7 +18,6 @@ import {
     lightenHexColor,
     objectIsEmpty,
     palette,
-    sanitizeArray,
     themePalettes,
     translateSize,
     XMLNS,
@@ -228,9 +228,10 @@ const immutableDataset = computed(() => {
             ...ds,
             id,
             color: ds.color ? convertColorToHex(ds.color) : customPalette.value[i] || palette[i] || palette[i % palette.length],
-            plots: sanitizeArray(ds.plots, ['value']).map(p => {
+            plots: ds.plots.map(p => {
                 return {
                     ...p,
+                    value: checkNaN(p.value),
                     parentId: id,
                     color: ds.color ? convertColorToHex(ds.color) : customPalette.value[i] || palette[i] || palette[i % palette.length],
                     id: createUid(),

src/lib.js

@@ -1782,7 +1782,36 @@ export function sanitizeArray(arr, keys = []) {
 
             let sanitizedObject = { ...data };
             keys.forEach(key => {
-                if (sanitizedObject.hasOwnProperty(key) && Array.isArray(sanitizedObject[key])) {
+                if (sanitizedObject.hasOwnProperty(key) && ![
+                    'NAME', 
+                    'name', 
+                    'TITLE', 
+                    'title', 
+                    'DESCRIPTION', 
+                    'description', 
+                    'LABEL', 
+                    'label', 
+                    'TIME', 
+                    'time',
+                    'PERIOD',
+                    'period',
+                    'MONTH',
+                    'month',
+                    'YEAR',
+                    'year',
+                    'MONTHS',
+                    'months',
+                    'YEARS',
+                    'years',
+                    'DAY',
+                    'day',
+                    'DAYS',
+                    'days',
+                    'HOUR',
+                    'hour',
+                    'HOURS',
+                    'hours'
+                ].includes(key) && Array.isArray(sanitizedObject[key])) {
                     sanitizedObject[key] = sanitize(sanitizedObject[key]);
                 }
             });