Adding data point type to ScriptableContext<'matrix'>

[kliyer-ai]

Hi there,

What's the best way to add the type of my datapoint to the context?

The type of my data points:

{
      x: '' + sameDay.toISOString(),
      y: '' + item.dow,
      d: `${weekDays[item.dow - 1]}, ${format(sameDay, 'h aaa')}`,
      v,
      raw: item,
 }

but I always get an error here:

backgroundColor(c: ScriptableContext<'matrix'>) {
                // @ts-expect-error ts problem
                const value = c.dataset.data[c.dataIndex]?.v ?? 0 // <- this errors!
                const alpha = value / mm
                return color('#2b988e').alpha(alpha).rgbString()
},

Any help would be appreciated. Thanks!!

[kurkle]

Should work the same as with other chart types: https://www.chartjs.org/docs/latest/api/classes/Chart.html

So something like new Chart<'matrix', YourDatapointType>(...)

I guess you could also augment the MatrixDataPointtype etc.