Correct ChartOptions types for a Line chart with Time scale

Documentation Is:

• Missing or needed
• Confusing
• Not Sure?

Please Explain in Detail…

I want to get the correct types for a Line chart which has Time scale. From documentation I found that I can pass "line" to the ChartOptions type.

const chartOptions = ChartOptions<'line'> = {
    scales: {
      x: {
        time: {
          unit: 'day'
        }
      }
    }
  }

But the problem is I can’t find any way to specify that I want to use the Time scale. As a result when I try to do the following

this.chartOptions.scales.x.time.unit = 'hour';

VSCode shows that,

Property 'time' does not exist on type '_DeepPartialObject<{ type: "linear"; } ...........

How can I use the proper types for Time scale on a Line chart so that I get the correct type checks? I could not find any documentation for this anywhere so any pointers is appreciated.

Your Proposal for Changes

Example

[LeeLenaleee]

Chart.js is treeshakable so you will have to import and register the timescale, https://www.chartjs.org/docs/master/getting-started/integration.html#bundlers-webpack-rollup-etc

[ghost]

After adding this (time) correct format with Chart.js v3 , I am getting Error: “time” is not a registered scale. Any suggestions ?