fix(LineChart): skip lines at invalid/missing data points (don't force connect)

packages/components/src/components/LineChart.tsx

@@ -47,11 +47,15 @@ export function LineChart({
       color: 'black',
       strokeWidth: 1,
       tooltip: true,
+      invalid: "break-paths"
     },
     data: specData,
     ...(isMultiYAxis
       ? {
-          transform: [{ fold: yAxis, as: ['key', 'value'] }],
+          transform: [
+            { fold: yAxis, as: ['key', 'value'] },
+            { filter: 'datum.value != null && datum.value != ""' }
+          ],
         }
       : {}),
     selection: {

packages/components/src/types/properties.ts

@@ -8,7 +8,7 @@
 type URL = string; // Just in case we want to transform it into an object with configurations
 export interface Data {
   url?: URL;
-  values?: { [key: string]: number | string }[];
+  values?: { [key: string]: number | string | null | undefined }[];
   csv?: string;
 }