Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Productivity > Keynote

  • Print
  • + Share This
This chapter is from the book

This chapter is from the book

Animating a Pie Chart

To continue our practice of builds and transitions, let’s move to the next slide. Pie charts can also be animated to reveal one slice of the pie at a time. Before we can animate the chart on slide 5, we will clean up its appearance.

Creating a 3D Pie Chart

Pie charts in 3D can be more dynamic than those in 2D.

  1. In the slide navigator, select slide 5.
  2. Select the chart on the canvas. Then select the Chart Inspector.
  3. In the Chart Type menu, choose the 3D pie chart option at the bottom.

    The chart is rendered in 3D, but it is small and needs more colors to better show details. It also has a missing pie piece, which can be fixed by resetting the chart to the default style.

  4. Choose Format > Reapply Master to Selection.

    The chart now needs to be resized and positioned.

  5. While holding down the Shift and Option keys, drag the selection handle in the upper-right corner of the pie chart toward the upper-right corner of your screen. Release the mouse button when the pie chart is large enough to fill the empty area at the bottom of the slide.
  6. Select the chart legend and move it to the right of the chart. Next, select the pie chart and position it near the left edge of the slide.
  7. Keep the chart selected. In the Chart Inspector, click 3D Scene and drag the viewing angle arrows to adjust the viewing angle to taste.
  8. Increase the depth of the chart by dragging the Chart Depth slider to the right.
  9. In the Chart Inspector, click the Series button, then click the Data Point Label menu and choose Outside.

    The text labels for the chart move outside the pie wedges.

  10. Hold down the Shift key and click the legend.

    Both the chart and the legend are now selected.

  11. In the Format Bar, change the font to Arial Narrow, change the style to Bold, and set the point size to 24.

    Because the size and style of the text changed, the chart layout needs adjustment.

  12. Reposition the chart and legend on the slide to taste.

Adding Chart Colors

Let’s add more colors to differentiate the pie wedges.

  1. Select the Graphic Inspector.
  2. Double-click the pie wedge next to 16%.
  3. Click the Fill color well to open the Colors window.
  4. Click the Crayons button to access preset colors, and change the color to Maraschino.
  5. Continue changing colors for the other wedges in the pie chart. You can match the following figure, or choose your own colors:

    Close the Colors window when you’ve changed them all.

Revealing Individual Wedges

Now that the pie chart looks good, you can animate it to slowly reveal each piece of the pie.

  1. Select the chart, then, in the Build Inspector, click Build In. Then choose the following options to create a build animation for the pie chart:
    • Effect—Scale
    • Direction—Up
    • Delivery—By Wedge
    • Duration—1.00 s
  2. Click the More Options button.
  3. From the Build Order list, select Other Wedges.
  4. From the Start Build menu, choose “Automatically after prior build.”
  5. For Delay, choose 0.5 s.
  6. Select the Slide Inspector and click the Transition button. Then choose the following options:
    • Effect—3D Effects: Page Flip
    • Direction—Right
    • Duration—2.00 s
  7. Press Command-S to save your document.

    You can compare your presentation to the file 04Presentation Stage 03.key from the DVD-ROM.

  • + Share This
  • 🔖 Save To Your Account