Combo Bar/Line Chart

[jziggas]

Would you like to work on this feature?

• Check this if you would like to implement a PR, we are more than happy to help you go through the process.

What problem are you trying to solve?

https://www.chartjs.org/docs/latest/samples/other-charts/combo-bar-line.html

It looks like the type signatures for a bar chart don't support this and I don't see an example at https://react-chartjs-2.js.org/examples

Describe the solution you'd like

Update type signatures to support mixed bar/line chart types or an example page in the documentation demonstrating how to make one.

Describe alternatives you've considered

No response

Documentation, Adoption, Migration Strategy

No response

[Ajay-308]

Thanks for opening this! I think this would be a great improvement for both developer experience and documentation.

So my Proposed Solution:

-> TypeScript Update: Adjust the type definitions so the datasets array can accept multiple chart types, e.g. (ChartDataset<'bar'> | ChartDataset<'line'>)[]. This would remove the need for casting to any when mixing datasets.
-> Docs Example: Add a dedicated example in the docs showing a mixed bar/line chart using with one dataset using type: "bar" and another using type: "line". This would make it much clearer that combo charts are supported.

why this help ?
-> Brings react-chartjs-2 closer to parity with Chart.js functionality.
-> Makes it easier for developers to build mixed charts without type errors.
-> Reduces friction for TypeScript users and avoids common workarounds.

No migration or breaking changes needed , just a type enhancement and a docs example to guide usage.

I’d be happy to work on a PR for this if it aligns with the project’s direction.