Tooltip only showing 2 of 50 dates

[libnine]

This is probably something really silly, but my tooltip hover is only showing the first and last date of my dataset. Any idea what's going wrong?

Sandbox: https://codesandbox.io/s/bold-shockley-go3fb?file=/src/App.tsx

[williaster]

Hey @libnine 👋 . These things can be tricky. I took a look and it seems it's due to your data array ("um") not being sorted, which the d3 bisector helpers (used to find the nearest data point in your array) assume.

Here's a modified sandbox where I added a sort:

const um = dump
  .map((d: any) => {
    return { date: d[0], mean: d[8] };
  })
  .sort((a, b) => new Date(a.date).valueOf() - new Date(b.date).valueOf());