Make Donut 100% width and height of container element

[ghost]

Maybe this is already possible, and I'm just struggling to figure it out. But it would be great if the donut charts could be set to be 100% width and height of the container element.

[ghost]

Also, is it possible to animate the donut from one value to another?

[benpickles]

Percentage dimensions used to be possible but it looks like this capability was removed with the switch to SVG. I will take a look into it.

Regarding animations, as much as this would be a brilliant feature I don't really think it fits into the remit of Peity at the moment.

[benpickles]

It looks like the functionality was removed but never released in an official version. I've reverted the change. Take a look and see how it behaves, it's not perfect due to the limitations of scaling the <svg> element but it might fit your needs. Also, it doesn't work that well with donuts - setting the inner radius isn't really compatible with percentage dimensions at the moment.

FYI you can call $('.my-peity-element').peity() on an existing Peity-ised element (note the lack of options) to refresh an existing chart.