TypeError of datalabels in case stacked100 is enabled about chartjs-plugin-datalabels HOT 5 CLOSED

@arunfancraze Although I haven't tested it, I think you can achieve a simple solution using the following approach:

import type { ExtendedChartData } from 'chartjs-plugin-stacked100';

formatter: (value, context) {
  const data = context.dataset.data[context.dataIndex] as ExtendedChartData;
}

from chartjs-plugin-datalabels.

Hi @y-takey, This solution works. You can mark this as closed. Thanks.

from chartjs-plugin-datalabels.

Hi @Arun-chaitanya, Thank you for trying it out! I'm glad it worked and the issue was resolved. :)
but, it seems that I am unable to close it due to insufficient permissions.

from chartjs-plugin-datalabels.

I would say it's an issue with the chartjs-plugin-stacked100 package which should probably augment the ChartData core type. @y-takey Maybe you could try something like that in your types.ts:

import {ChartData} from 'chart.js';

declare module 'chart.js' {
  interface ChartData< 
    TType extends ChartType = ChartType,
    TData = DefaultDataPoint<TType>,
    TLabel = unknown
  > {
    calculatedData?: number[][];
    originalData?: PluginDataPoint[];
  }
}

// Backward compatibility
export type ExtendedChartData = ChartData; 

from chartjs-plugin-datalabels.

@simonbrunel Thank you for the advice. I would like to try it when I have some time! :)

from chartjs-plugin-datalabels.