Add rotation and circumference properties to doughnut/pie charts

[mdehoog]

Added two new properties to doughnut/pie charts:

• rotation - specify the angle where the first arc starts
• circumference - specify the total circumference angle of the chart

The arc element's inRange function had to be modified to fix tooltip support.

The chart's outerRadius value is adjusted to ensure the chart is filling all available chart area (and is offset to ensure it is centered). This is done by somewhat complex code that determines the chart's width/height assuming a radius of 1.0, and calculating a scaled outerRadius from the size. This should work for all combinations of rotation/circumference, including non right-angles.

[coveralls]

Coverage decreased (-0.3%) to 71.416% when pulling d3a2996 on mdehoog:doughnut-rotation into 39cf4cc on nnnick:v2.0-dev.

[etimberg]

@mdehoog this looks amazing!
@tannerlinsley i am +1 to merge on this

[tannerlinsley]

I'm good to merge this!

[mdehoog]

@etimberg @tannerlinsley thanks for the rapid merge!

Related issues that can probably be closed: #1081, #1134, #1948.

[tannerlinsley]

You're the man!

On Sat, Apr 16, 2016 at 4:57 PM Michael de Hoog [email protected]
wrote:

@etimberg https://github.com/etimberg @tannerlinsley
https://github.com/tannerlinsley thanks for the rapid merge!

Related issues that can probably be closed: #1081
#1081, #1134
#1134, #1948
#1948.

—
You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#2271 (comment)

[etimberg]

This fixed #2256 as well 😄

[leecolarelli]

This looks great! I'm in need of this now! (Currently creating graphs for a project, due date tomorrow!). Could you tell me how to use it? It seems to be present in my latest bower update, 2.0.2?

[etimberg]

This will be available when v2.1 releases

[Drum998]

Are there any code examples of how the charts pictured above were created? This is exactly the sort of thing I'm trying to do, with a number of different data series charted on the same doughnut. I can see how to use rotation and circumference no problem, but getting a number of similar charts with a common centre is something which is so far eluding me.

Any examples or pointers would be invaluable.

Thank you.

[Drum998]

Sorry, I was being dense. Found all I need in the repo :)