Fix missing value on knn graph tooltip

Author: r59q

package-lock.json

@@ -22,7 +22,7 @@
     "@testing-library/svelte": "^4.1.0",
     "@tsconfig/svelte": "^5.0.4",
     "@types/browser-lang": "^0.1.1",
-    "@types/d3": "^7.4.1",
+    "@types/d3": "^7.4.3",
     "@types/js-cookie": "^3.0.3",
     "@types/node": "^18.16.0",
     "@types/three": "^0.152.0",

package.json

@@ -13,6 +13,7 @@ import {
 } from '../../../script/utils/graphUtils';
 import { state, stores } from '../../../script/stores/Stores';
 import { get } from 'svelte/store';
+import * as d3 from "d3";
 
 export type GraphDrawConfig = {
   xRot: number;

src/components/graphs/knngraph/KNNModelGraphDrawer.ts

@@ -27,6 +27,7 @@
   };
 
   $: borderColor = $knnHighlightedPoint?.color;
+  $: console.log(content.values);
 </script>
 
 <div
@@ -35,9 +36,9 @@
   class="absolute bg-white py-1 px-1 border-solid border-2 rounded font-bold"
   style={`top:${position.y}px; left:${position.x}px;border-color:${borderColor}`}>
   {#each content.values as val, index}
-    {#if val}<!--val may be undefined for 2d knn graph-->
+    {#if val !== undefined}<!--val may be undefined for 2d knn graph-->
       <p style={`color:${StaticConfiguration.graphColors[index]}`}>
-        {val?.toFixed(2)}
+        {val.toFixed(2)}
       </p>
     {/if}
   {/each}