githiro/drawdoughnutchart

A SVG doughnut chart with animation and tooltip.

jquery.drawDoughnutChart.js

A SVG doughnut chart with animation and tooltip. Inspired by Chart.js(http://www.chartjs.org/).

Demo on my codepen

Licensed under the MIT License.

drawdoughnutchart's Issues

Ability to change values dynamically and have the chart animate in real time

We are using SignalR and would like to update chart dynamically when values are changed from server side. Ideally chart will be constantly changing (some values will change and chart has to reflect this in real time) and animation will simply adjust color sections according to value changes.

One could simply have a textbox with number input which will update certain value and will see animated change take place.

Is this possible with current js? if not what is the effort to accomplish this.

Thanks in advance!

'arguments.callee' creates problem with "strict" mode .

arguments.callee was removed from ES5 strict mode

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments/callee

crete semi circle donut?

can we create a semi circle donut with this?

Missing bower components file

Could you please add bower as a package manager. It would be very good.

How can we resize radius of on pie?

I want to make a doughnut like this image. How can I do that?

npm package please :)

Decimal Places in Total

I noticed that the TOTAL defaults to a single decimal place, so even it's a whole number, it still shows 120.0

Is it possible to adjust it so if there's no decimal places, it defaults to a whole number, and if there is, then it shows it? Maybe with a setting to control the number of decimal places?

Thanks

How to add more than one chart on a page

Not really an issue but a question of how to add more than one chart on a page

Remove jQuery dependency

Now it's dependent on jQuery. Remove it and not only jQuery users can use it.

Is this maintained? Not updated in a year?

Doughnut Chart empty

If you have only one value in the Doughnut Chart and turn animation off then the doughnut chart will actually be empty.

here is an example http://codepen.io/anon/pen/mdyBv

Re-initialize chart on different viewports?

Hi there! I really like your chart but I am wondering if there is an option to destroy and re-initiate chart on a different viewport so it can be responsive?

Thanks!

transition

hello,I want to ask you how to make this circle move anticlockwise!

thx