feat: more infromation custom tooltip

libs/shared/lib/vis/visualizations/vis1D/components/CustomChartPlotly.tsx

@@ -113,7 +113,7 @@ export const CustomChartPlotly: React.FC<CustomChartPlotlyProps> = ({
 }) => {
   const internalRef = useRef<HTMLDivElement>(null);
   const [divSize, setDivSize] = useState({ width: 0, height: 0 });
-  const [hoveredPoint, setHoveredPoint] = useState<{ left: number; top: number; value: number } | null>(null);
+  const [hoveredPoint, setHoveredPoint] = useState<{ left: number; top: number; xValue: number; yValue: number } | null>(null);
 
   useEffect(() => {
     const handleResize = () => {
@@ -147,7 +147,8 @@ export const CustomChartPlotly: React.FC<CustomChartPlotlyProps> = ({
         setHoveredPoint({
           left: plotRect.left + xIndex,
           top: plotRect.top + yIndex,
-          value: point.y,
+          xValue: point.x,
+          yValue: point.y,
         });
       }
     }
@@ -218,7 +219,7 @@ export const CustomChartPlotly: React.FC<CustomChartPlotlyProps> = ({
               }}
             >
               <div>
-                <strong>Value:</strong> {hoveredPoint.value} <br />
+                <strong>{hoveredPoint.xValue}</strong>: {hoveredPoint.yValue}
               </div>
             </TooltipContent>
           </Tooltip>