A donut chart is a pie chart with a hole in the center. You can create donut charts with the pieHole option.
The pieHole option should be set to a number between 0 and 1, corresponding to the ratio of radii between the hole and the chart. Numbers between 0.4 and 0.6 will look best on most charts. Values equal to or greater than 1 will be ignored, and a value of 0 will completely shut your piehole.
By default, donut charts begin with the left edge of the first slice pointing straight up. You can change that with the pieStartAngle option.
The pieHole option should be set to a number between 0 and 1, corresponding to the ratio of radii between the hole and the chart. Numbers between 0.4 and 0.6 will look best on most charts. Values equal to or greater than 1 will be ignored, and a value of 0 will completely shut your piehole.
You can separate donut slices from the rest of the chart with the offset property of the slices option.
The pieHole option should be set to a number between 0 and 1, corresponding to the ratio of radii between the hole and the chart. Numbers between 0.4 and 0.6 will look best on most charts. Values equal to or greater than 1 will be ignored, and a value of 0 will completely shut your piehole.
The diff pie chart nestles older data inside newer data. Consider the change in popularity of the top five U.S. college majors between 2000 and 2010 (mouse over the wedges to see the values; data from the National Center for Education Statistics). Here's the 2000 data, the 2010 data, and the diff between them.
You can control the relative size of the circles with diff.innerCircle.radiusFactor
The diff pie chart nestles older data inside newer data. Consider the change in popularity of the top five U.S. college majors between 2000 and 2010 (mouse over the wedges to see the values; data from the National Center for Education Statistics). Here's the 2000 data, the 2010 data, and the diff between them.
You can control the border between the two with diff.innerCircle.borderFactor
The diff pie chart nestles older data inside newer data. Consider the change in popularity of the top five U.S. college majors between 2000 and 2010 (mouse over the wedges to see the values; data from the National Center for Education Statistics). Here's the 2000 data, the 2010 data, and the diff between them.
You can control the transparency of each with diff.oldData.opacity and diff.newData.opacity
The diff pie chart nestles older data inside newer data. Consider the change in popularity of the top five U.S. college majors between 2000 and 2010 (mouse over the wedges to see the values; data from the National Center for Education Statistics). Here's the 2000 data, the 2010 data, and the diff between them.
You can you can invert the behavior so that the oldest data surrounds the newest data with diff.oldData.inCenter