Awesome libraries update to Chart.js v4

[igorlukanin]

After the recent release of Chart.js v4 and in anticipation of the launch next week, I think it would be fantastic to do whatever we can to have the awesome Chart.js things updated to v4.

Many libraries have already been updated—and many still have to be. I'll start a separate thread per library.

@sgratzl @kurkle @stockiNail @LeeLenaleee @santam85 @dangreen Kudos for updating some of the most popular libraries! 🙌

---

🚀 marks the threads on libraries already updated and synchronized with awesome Chart.js.

[igorlukanin]

Hey @jorgecgll 👋 Could you please dedicate some time to check if Chart.BarFunnel.js works with Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @sgratzl 👋 I saw that you've updated chartjs-chart-boxplot, chartjs-chart-error-bars, and chartjs-chart-pcp to Chart.js v4. Thanks for that!

Could you please release the changes to npm? It looks like the latest release was on Oct 6.

[sgratzl]

there was some problem with the automatic release process. v4.0.1 should have fixed that

[igorlukanin]

@sgratzl Great job and many thanks!

[igorlukanin]

Hey @benmccann 👋 Could you please dedicate some time to check if chartjs-chart-financial works with Chart.js v4? It would be awesome if you can.

[santam85]

It seems to work already, tested it in the docs examples of ng2-charts

[igorlukanin]

@santam85 Wow, that's great to hear! In that case, could please update peer dependency version and make a release to npm?

[santam85]

I will open a PR, but I'm not a maintainer of that repo, we'll have to wait for Ben to merge and release

[benmccann]

I merged the PR, but I don't remember how releases are setup on it or if I have the ability to release.

I do see we have a release workflow, which it looks like you setup or contributed to https://github.com/chartjs/chartjs-chart-financial/blob/f26e76e31af14ea6757b6ca57f8d847273284f7a/.github/workflows/release.yml, so maybe you have some idea?

[igorlukanin]

Hey @etimberg 👋 Could you please dedicate some time to check if chartjs-chart-smith works with Chart.js v4? It would be awesome if you can. (However, it only has 20 weekly downloads on npm. I wonder how many users it actually has.)

[etimberg]

Will take a look. I suspect I'll need to update some of the imports and build tooling

[igorlukanin]

Hey @y-takey 👋 Could you please dedicate some time to check if chartjs-plugin-stacked100 works with Chart.js v4? It would be awesome if you can.

[y-takey]

Hi @igorlukanin 👋 Thanks for your message :)
I'm using it with Chart.js@v4, no changes needed. and i updated chartjs-plugin-stacked100's README about Chart.js version.

[igorlukanin]

@y-takey Awesome, thanks for getting back!

1. Just a quick question—maybe it's something wrong on my side but I still see Chart.js v3 in package.json—quite confusing because I also see your commit with an update.
2. I also wonder if Chart.js should be a peer dependency rather than a direct dependency.
3. In the end, could you please also make a release to npm? It looks like the last version was released ~6 months ago.

[y-takey]

Sorry for the delay, and thank you for pointing that out !
I did not update the chart.js version in package.json as i wanted to continue to make it available in chart.js v3. But that was a mistake and should have been '>=3'.
Fixed package.json, including the peerdependencies. and released to npm.
Thanks!

[igorlukanin]

This is genuinely awesome! Many thanks!

[igorlukanin]

Hey @kurkle 👋 Could you please dedicate some time to check if chartjs-chart-treemap works with Chart.js v4? It would be awesome if you can.

[stockiNail]

@igorlukanin treemap has got a dependency with datalabels plugin. Asa the plugin will be released, the PR already submitted could be merged. Neverrheless there could be additional updates to be a ES module
See PR in annotation plugin

[kurkle]

done

[igorlukanin]

Great job! Many thanks!

[igorlukanin]

Hey @sgratzl 👋 Could you please dedicate some time to check if chartjs-chart-venn and chartjs-plugin-hierarchical work with Chart.js v4? It would be awesome if you can.

[sgratzl]

there was some problem with the automatic release process. v4.0.1 should have fixed that

[igorlukanin]

Thank you!

[igorlukanin]

Hey @sgratzl 👋 Could you please dedicate some time to check if chartjs-chart-wordcloud works with Chart.js v4? It would be awesome if you can.

[sgratzl]

there was some problem with the automatic release process. v4.0.1 should have fixed that

[igorlukanin]

Many thanks!

[igorlukanin]

Hey @kurkle 👋 Do I understand it correctly that chartjs-plugin-autocolors should work with Chart.js v4 without any changes?

[kurkle]

I'm using it with v4, no changes needed.

[igorlukanin]

Cool! Do you think it's appropriate to have Chart.js as a peer dependency in package.json?

[kurkle]

🍩 v0.0.9

[igorlukanin]

Fantastic! Many thanks!

[igorlukanin]

Hey @nagix 👋 Could you please dedicate some time to update chartjs-plugin-colorschemes to support Chart.js v4? It would be awesome if you can.

I see that this plugin haven't been updated to Chart.js v3 before so that might requite some effort (as discussed here and here).

I also see that there's a fork by @MaximBelov that seems to be updated to Chart.js v3. I wonder it's possible to update that one to Chart.js v4 as well.

[igorlukanin]

Hey @stockiNail @kurkle 👋 I see that chartjs-plugin-gradient has been updated to Chart.js v4. Thanks for that!

Could you please release the changes to npm? It looks like the latest release was on Aug 24.

[stockiNail]

As written above, I have the feeling the plugin should become a module therefore maybe additional updates should be applied to be 100% compatible

[kurkle]

🍩 v0.6.1

[igorlukanin]

Many thanks!

[igorlukanin]

Hey @nagix 👋 By any chance, could you please dedicate some time to update chartjs-plugin-rough and chartjs-plugin-style to support Chart.js v4? It would be awesome if you can.

(I see that these plugins haven't been updated to Chart.js v3 before so that might requite some effort.)

[igorlukanin]

Hey @AbelHeinsbroek 👋 Could you please dedicate some time to update chartjs-plugin-crosshair to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

PR by @Arantiryo: AbelHeinsbroek/chartjs-plugin-crosshair#115

[igorlukanin]

Hey @pomgui 👋 By any chance, could you please dedicate some time to update chartjs-plugin-regression to support Chart.js v4? It would be awesome if you can.

(I understand that it hasn't been updated to Chart.js v3 but there's PR for that—and Chart.js v4 has minimal breaking changes to Chart.js v3.)

[igorlukanin]

Hey @everestate 👋 Could you please dedicate some time to update chartjs-plugin-waterfall to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @nagix 👋 Could you please dedicate some time to update chartjs-plugin-streaming to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @aomran @rwwagner90 👋 Could you please dedicate some time to update ember-cli-chart to support Chart.js v4? It would be awesome if you can.

(I see there's already a PR to support Chart.js v3—and Chart.js v4 doesn't have that many breaking changes.)

[igorlukanin]

Hey @victorgz 👋 Could you please dedicate some time to update LightningWebChartJS to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @dntzhang @ChelesteWang 👋 Could you please dedicate some time to update omi to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @mdewilde 👋 Could you please dedicate some time to update Chart.java to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @monstasat 👋 Could you please dedicate some time to update chartjs-ocaml to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @Billy-Sheppard @morenol 👋 Could you please check that chart-js-rs works with Chart.js v4? I think it's likely that it does but you might need to do a few updates to your code and README.

[Billy-Sheppard]

Confirmed compatible as far as I can tell!

Highly unlikely to work at all with v2.x, should be fully compatible (if incomplete) with v3.x and v4.x.

[igorlukanin]

Wow, that is great to hear! Do you might updating the version in this example snippet?

[Billy-Sheppard]

Done :)

[igorlukanin]

Hey @Natim @robincherbonnier 👋 Could you please dedicate some time to update django-chartjs to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @nicohlr 👋 Could you please dedicate some time to update ipychart to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @sakos95 👋 Could you please dedicate some time to update liquify to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @coroo 👋 Could you please dedicate some time to update nova-chartjs to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @typpo 👋 Could you please dedicate some time to update quickchart to support Chart.js v4? It would be awesome if you can.

[typpo]

Done! PR that added v4 support is typpo/quickchart#145

I've also opened a PR to chartjs/awesome here chartjs/awesome#57

Thanks for everything, Igor 🙏

[igorlukanin]

@typpo Thanks a lot!

[igorlukanin]

Hey @maximAtanasov @Age@pierre 👋 Could you please dedicate some time to update wicked-charts to support Chart.js v4? It would be awesome if you can.

[igorlukanin]

Hey @nschloe 👋 Could you please check that xhub works with Chart.js v4? I think it's likely that it does since breaking changes were minimal.

[nschloe]

I checked and it works. I had to figure out first that I had to use chart.umd.js instead of chart.js which had worked until now. Might be worth putting that in the migration guide.

[igorlukanin]

Thanks for the feedback!

@etimberg @LeeLenaleee @dangreen WDYT?

[LeeLenaleee]

It is already in there

[igorlukanin]

Oh, right. It's on the dev branch, awaits a release. Thanks!

[igorlukanin]

@sgratzl @stockiNail @santam85 @benmccann @y-takey @chrispahm @Billy-Sheppard @nschloe Hey folks 👋

Today, according to plan, we’re launching Chart.js 4.0 on Product Hunt and gathering around GitHub to celebrate. Y’all have substantially contributed to Chart.js, so please accept one more thank you!

Would you mind upvoting, leaving a comment on the Product Hunt page, and spreading the word in your Twitter and/or any other social channel? Thanks in advance! 🙌

https://www.producthunt.com/posts/chart-js-4-0