🐛 Fix unhandled line-group null value cases

Author: joao-m-santos

packages/lib/src/components/groups/lume-line-group/lume-line-group.vue

@@ -192,7 +192,10 @@ function getPointPosition(pointIndex: number, datasetIndex: number) {
     x: isBandScale(xScale.value)
       ? props.xScale(domain.value[pointIndex]) + xAxisOffset.value
       : props.xScale(pointIndex),
-    y: yScale.value(value),
+    y:
+      value === null
+        ? yScale.value(yScale.value.domain()[1] as number)
+        : yScale.value(value),
   };
 }
 

packages/lib/src/composables/line-null-values.ts

@@ -51,6 +51,8 @@ export function useLineNullValues(data: Ref<InternalData>) {
     const step = diff / (length + 1);
     const sum = step * (index + 1);
 
+    if (start == null && end == null) return null;
+
     if (start > end) return start - sum;
     else return start + sum;
   }

packages/lib/src/composables/line-values.ts

@@ -51,5 +51,8 @@ export function getLinePathDefinition(
     )
     .y((d) => yScale(d));
 
+  // Do not calculate path definition if all values are null
+  if (values.every((v) => v == null)) return null;
+
   return lineFn(values);
 }