Page Comparison

{anchor:top}
{toc: class=contents}
h2. Overview
{styleclass: Class=topLink}[top|#top]{styleclass}

||Type||Icon||When to Use||
|*Pie*|!chart_pie.png!|You want to show the relationship of parts to the whole. Use a pie chart to highlight proportions rather than actual values. If it is important to show actual values in the chart, avoid using the pie chart type.|
|*3D Pie*|!chart_pie3d.png!|Similar to the pie chart, but in three a dimensional form.|
|*Multi Pie*|!chart_pie_multi.png!|Used to highlight individual component sizes in a system of multiple components.|
|*Ring*|!chart_pie_donut.png!|Similar to the pie chart, but in a circular ring form.|

h3. Chart Data Options
||Option||Description||
|Colour|This is the category label for the X axis|
|Size|Typically a numeric value such as $.  An item that you want to measure on your Chart|

h2. Pie Chart Tutorial
{styleclass: Class=topLink}[top|#top]{styleclass}
h3. Summary
In order to set up a Pie Chart you will need:
# Create a report with chart display
## Select a field to use as the *Colour*
## Select a field to use as the *Size*
# Create your chart, selecting *Pie* as the type
# Provide the *Colour* and *Size* options
# Customise the Chart as required
# Proceed to the *Output* step
# *Save* your report

h3. Tutorial

{section}
{column:width=40%}
*1.* Click the *Create* link in the main navigation bar of the system, and select the *Report* option. 
{column}
{column:width=60%}
!01.png!
{column}
{section}

{section}
{column:width=40%}
*2.* You will now be on the Report Initialisation page. Ensure the *Drag and Drop Builder* has been selected to use for report creation.

*3.* Click on the *Ski Team* view in order to use the fields defined within it for creating the report. 
{column}
{column:width=60%}
!02.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=40%}
*4.* Add *Camp Demographic* and *Camp Rating* to *Columns*.
{column}
{column:width=60%}
!03.png!
{column}
{section}

{section}
{column:width=40%}
*5.* Proceed to the *Charts* step of the builder.
{column}
{column:width=60%}
!04.png!
{column}
{section}

{section}
{column:width=40%}
*6.* Select the *Pie* chart from the *Pie* section of the charts panel on the right of the screen.
{column}
{column:width=60%}
!05.png!
{column}
{section}

{section}
{column:width=40%}
*7.* Set the following components:
* *Colour:* Camp Demographic
* *Size:* Avg Camp Rating
{column}
{column:width=60%}
!06.png!
{column}
{section}

{section}
{column:width=40%}
*8.* *Save* your report
{column}
{column:width=60%}
!07.png|thumbnail,border=1!
{column}
{section}

\\
\\
{horizontalrule}
{styleclass: Class=topLink}[top|#top]{styleclass}