Warning: Received NaN for the `height` attribute

[peterbe]

🐛Bug report

Describe the bug Trying to make a simple bar chart with two columns and I keep getting this warning:

Warning: Received NaN for the `height` attribute. If this is expected, cast the value to a string.

But it appears to be working.

To Reproduce

https://codesandbox.io/s/goofy-napier-rx6v7

Expected behavior No warnings.

Screenshots

Desktop (please complete the following information):

• Firefox but I don't think it's applicable

Smartphone (please complete the following information): n/a

Additional context It works but the warning is annoying.

[peterbe]

Hm. Perhaps I just don't know how to use <BarChart> stacked or side-by-side. If I change it to:

columns={["created"]}

instead of

columns={["created", "processed"]}

Then it doesn't throw the warning

[pbatleyGH]

Try changing it to this?

points: data.map(([d, ...value]) => [
  Index.getIndexString("1h", new Date(d)),
    ...value
  ])

Using the spread operator means you'll pass two data columns in to match the number of columns you're declaring that the TimeSeries has.

[peterbe]

Thank you!