When plotting line graph with object data structure the x property is ignored if not a string

[kjpluck]

Expected behavior

The expected behaviour is the x property in the object to be plotted can either be a number or string as the examples on the data structures page shows.

Current behavior

The current behaviour plots all x values as zero if they are a number type.

Plots all x values as zero:
type: 'line', data: { datasets: [{ data: [{x: 10, y: 20}, {x: 15, y: 3}, {x: 20, y: 10}] }] }

Plots all x values correctly:
type: 'line', data: { datasets: [{ data: [{x: '10', y: 20}, {x: '15', y: 3}, {x: '20', y: 10}] }] }

Reproducible sample

https://codepen.io/KevinPluck/pen/LYdaogr

Optional extra steps/info to reproduce

No response

Possible solution

No response

Context

No response

chart.js version

v3.9.1

Browser name and version

Chrome Version 104.0.5112.82

Link to your project

No response

[stockiNail]

@kjpluck by default the line controller has got a category scale as index therefore is expecting to have strings as index labels.
In your codepen, you could try the following, in the chart where you are using x: number:

  options: {
    scales: {
      x: {
        type: 'linear'
      }
    }
  }

In the documentation, you mentioned, there is a part (below the samples):

The values provided must be parsable by the associated scales or in the internal format of the associated scales. A common mistake would be to provide integers for the category scale, which uses integers as an internal format, where each integer represents an index in the labels array.

[kjpluck]

Thanks!

That's not very clear at all, perhaps have the object data structure example include the options in the example.

[kjpluck]

That did the trick! Thanks!