Skip to content

Upgrading react-chartjs-2 2 to 3

Unknown2.11.2 → 3.3.0New1Changed2Fixed5

UnknownUpgrade verdict

DepDelta hasn't looked for the notes of 6 of 10 releases yet, so breaking changes can't be ruled out.

  • DepDelta hasn't finished looking for the notes in this range, so it can't rule out breaking changes yet.
Unknown for releases without notes

Releases without notes may still need changes. Check their commits before upgrading.

Drops lodash, prop-types.

Installs 0 packages in all (was 6).

Generated by DepDelta from published .d.ts files. Not mixed with prose notes.

  • added: const Chart: <TType extends keyof import('chart.js').ChartTypeRegistry = keyof import('chart.js').ChartTypeRegistry, TData = import('chart.js/types/utils').DistributiveArra…
  • added: export * from './typedCharts'
  • added: export { Chart as default } from './chart'
  • added: export { ChartProps } from './types'
  • added: export { default as Chart } from 'chart.js/auto'
  • added: export { defaults } from 'chart.js'
  • added: const Bar: <TData = number[], TLabel = unknown>(props: Omit<ChartProps<'bar', TData, TLabel>, 'type'> & { ref?: React.ForwardedRef<ChartJSOrUndefined<'bar', TData, TLabel…
  • added: const Bubble: <TData = import('chart.js').BubbleDataPoint[], TLabel = unknown>(props: Omit<ChartProps<'bubble', TData, TLabel>, 'type'> & { ref?: React.ForwardedRef<ChartJSO…
  • added: const Doughnut: <TData = number[], TLabel = unknown>(props: Omit<ChartProps<'doughnut', TData, TLabel>, 'type'> & { ref?: React.ForwardedRef<ChartJSOrUndefined<'doughnut', TDa…
  • added: const Line: <TData = (number | import('chart.js').ScatterDataPoint | null)[], TLabel = unknown>(props: Omit<ChartProps<'line', TData, TLabel>, 'type'> & { ref?: React.Forw…
  • added: const Pie: <TData = number[], TLabel = unknown>(props: Omit<ChartProps<'pie', TData, TLabel>, 'type'> & { ref?: React.ForwardedRef<ChartJSOrUndefined<'pie', TData, TLabel…
  • added: const PolarArea: <TData = number[], TLabel = unknown>(props: Omit<ChartProps<'polarArea', TData, TLabel>, 'type'> & { ref?: React.ForwardedRef<ChartJSOrUndefined<'polarArea', T…
  • added: const Radar: <TData = (number | null)[], TLabel = unknown>(props: Omit<ChartProps<'radar', TData, TLabel>, 'type'> & { ref?: React.ForwardedRef<ChartJSOrUndefined<'radar',…
  • added: const Scatter: <TData = (number | import('chart.js').ScatterDataPoint | null)[], TLabel = unknown>(props: Omit<ChartProps<'scatter', TData, TLabel>, 'type'> & { ref?: React.F…
  • added: interface ChartProps<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown> extends CanvasHTMLAttributes<HTMLCanvasElement>
  • added: property ChartProps.data: ChartData<TType, TData, TLabel> | ((canvas: HTMLCanvasElement) => ChartData<TType, TData, TLabel>)
  • added: property ChartProps.fallbackContent?: ReactNode
  • added: property ChartProps.getDatasetAtEvent?: (dataset: InteractionItem[], event: MouseEvent<HTMLCanvasElement>) => void
  • added: property ChartProps.getElementAtEvent?: (element: InteractionItem[], event: MouseEvent<HTMLCanvasElement>) => void
  • added: property ChartProps.getElementsAtEvent?: (elements: InteractionItem[], event: MouseEvent<HTMLCanvasElement>) => void
  • added: property ChartProps.options?: ChartOptions<TType>
  • added: property ChartProps.plugins?: Plugin<TType>[]
  • added: property ChartProps.redraw?: boolean
  • added: property ChartProps.type: TType
  • added: type ChartJSOrUndefined<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown> = Chart<TType, TData, TLabel> | undefined
  • added: type TypedChartComponent<TDefaultType extends ChartType = ChartType, TOmitType = false> = TOmitType extends true ? <TData = DefaultDataPoint<TDefaultType>, TLabel = unknown>(props: Omit<ChartProps<TDefaultType, TData, TLabel>, 'type'> & { ref?: Forw…
  • added: function cloneData<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown>(data: ChartData<TType, TData, TLabel>): ChartData<TType, TData, TLabel>
  • added: function reforwardRef<T>(ref: ForwardedRef<T>, value: T): void
  • added: function setDatasets<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown>(currentData: ChartData<TType, TData, TLabel>, nextDatasets: ChartDataset<TType, TData>[]): void
  • added: function setLabels<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown>(currentData: ChartData<TType, TData, TLabel>, nextLabels: TLabel[] | undefined): void
  • added: function setOptions<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown>(chart: Chart<TType, TData, TLabel>, nextOptions: ChartOptions<TType>): void
  • removed: class Bar extends ChartComponent<LinearComponentProps>
  • removed: class Bubble extends ChartComponent<ChartComponentProps>
  • removed: class Doughnut extends ChartComponent<ChartComponentProps>
  • removed: class HorizontalBar extends ChartComponent<ChartComponentProps>
  • removed: class Line extends ChartComponent<LinearComponentProps>
  • removed: class Pie extends ChartComponent<ChartComponentProps>
  • removed: class Polar extends ChartComponent<ChartComponentProps>
  • removed: class Radar extends ChartComponent<ChartComponentProps>
  • removed: class Scatter extends ChartComponent<ChartComponentProps>
  • removed: default class ChartComponent<P extends ChartComponentProps> extends React.Component<P, {}>
  • removed: interface ChartComponentProps
  • removed: interface LinearComponentProps extends ChartComponentProps
  • removed: method ChartComponentProps.getDatasetAtEvent?(e: any): void
  • removed: method ChartComponentProps.getElementAtEvent?(e: any): void
  • removed: method ChartComponentProps.getElementsAtEvent?(e: any): void
  • removed: method ChartComponentProps.onElementsClick?(e: any): void
  • removed: property ChartComponent.chartInstance: chartjs
  • removed: property ChartComponentProps.data: ChartData<chartjs.ChartData>
  • removed: property ChartComponentProps.datasetKeyProvider?: (any: any) => any
  • removed: property ChartComponentProps.height?: number
  • removed: property ChartComponentProps.id?: string
  • removed: property ChartComponentProps.legend?: chartjs.ChartLegendOptions
  • removed: property ChartComponentProps.options?: chartjs.ChartOptions
  • removed: property ChartComponentProps.plugins?: object[]
  • removed: property ChartComponentProps.redraw?: boolean
  • removed: property ChartComponentProps.type?: chartjs.ChartType
  • removed: property ChartComponentProps.width?: number
  • removed: property LinearComponentProps.data: ChartData<chartjs.ChartData>
  • removed: type ChartData<T extends chartjs.ChartData> = ChartDataFunction<T> | T
  • removed: type ChartDataFunction<T extends chartjs.ChartData> = (element: HTMLElement) => T
  • removed: var defaults: { global: chartjs.ChartOptions & chartjs.ChartFontOptions; [key: string]: any }