Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Wiki Markup
{anchor:top}
{toc: class=contents}
h2. Overview
{styleclass: Class=topLink}[top|#top]{styleclass}

||Type||Icon||When to Use||
|*Horizontal Bar*|!chart_bar.png!|You want to highlight values for easy comparison and plot your numbers horizontally. Use a bar chart to place less emphasis on time and focus on comparing values.|
|*3D Horizontal Bar*|!chart_bar3d.png!|Similar to the horizontal bar chart, but in three a dimensional form.|
|*Stacked Horizontal Bar*|!chart_bar_stacked.png!|Categorical data, grouped or stacked to assist comparison. Use when part-to-whole comparison is important.|
|*Horizontal Cylinder*|!chart_bar_cylinder.png!|Similar to the horizontal bar, but having chart components shown in cylindrical form.|
|*Proportional Bar*|!chart_barprop.png!|Displays how close values in different categories came to the highest category value.|

h3. Chart Data Options
||Option||Description||
|Vertical Axis|This is the category label for the X axis|
|Horizontal|Typically a numeric value such as $.  An item that you want to measure on your Chart|
|Colour|This option is only available if you have a cross tab data set available and is used to determine the colour applied for cross tab series data.|

h2. Bar Chart Tutorial
{styleclass: Class=topLink}[top|#top]{styleclass}
h3. Summary
In order to set up a Bar Chart you will need:
# Create a report with chart display
## Select a field to use as the *Vertical Axis*
## Select a field to use as the *Horizontal Axis*
## Select a field to use as the *Colour* (if you have decided to create a cross tab report)
# Create your chart, selecting *Bar* as the type
# Provide the *Horizontal Axis*, *Vertical Axis*, and *Colour* options and *Refresh*
# 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 *Horizontal Bar* chart from the *Bar* 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:
* *Horizontal Axis:* Camp Demographic
* *Vertical Axis:* 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}