Chart.js: Percentage circle - single task progress

Created on 25 Jul 2018  路  4Comments  路  Source: chartjs/Chart.js

Is it posible to create something like this?

circle

If there isn't, would you consider adding it to the available charts? The text inside the circle could be anything, not necessarily a percentage (see demo link below)

Here is a link with a pure CSS solution: http://circle.firchow.net/
A jQuery implementation: https://github.com/thodorisbais/percircle
And with animations: https://thodorisbais.github.io/percircle/

duplicate support

Most helpful comment

So this is a feature that a lot of people is asking for since 2013 and yet it won't be added to the charts.

I get that it could be accomplished with a plugin, but it's always nice and better if it's included in the core.

All 4 comments

Please ask questions on StackOverflow: https://stackoverflow.com/questions/tagged/chart.js

For what I've read this is currently no possible.

So, would you consider adding it to the available charts in a future release?

@mcanepa That's an old request, widely discussed in #78 for which you have many solutions such as plugins or custom implementation. Currently, we don't plan to add this feature in core.

So this is a feature that a lot of people is asking for since 2013 and yet it won't be added to the charts.

I get that it could be accomplished with a plugin, but it's always nice and better if it's included in the core.

Was this page helpful?
0 / 5 - 0 ratings