Page Comparison

{anchor:top}
{toc: class=contents}
h2. Overview
{styleclass: Class=topLink}[top|#top]{styleclass}
The first step in creating your chart is selecting the appropriate chart type to most effectively visualise your data. There are two methods for chart creation:
# Auto Chart
# Chart Selection


h2. Auto Chart
{styleclass: Class=topLink}[top|#top]{styleclass}
The Auto Chart functionality provides some common component areas to be populated, and depending on what fields you drag into them, a chart will be generated.

!01autoChart.png!

{color:#CC0000}*Note:*{color} auto charts generate common chart types such as; Bar, Column, Scatter, and Line. If you are looking for a specific chart or specialty chart it would be better to select the type from the Chart Selection panel on the right.


h2. Chart Selection
{styleclass: Class=topLink}[top|#top]{styleclass}
The following list of chart choices will assist you to make you selection. After you have made a selection it is easy to swap between chart types to see how your data might look with different visualisations.
{section}
{column: width=20%}
!00selectChart.png!
{column}
{column: width=80%}
h3. {expand:title=Analytical} 	
||Icon||Type||When to Use||
|!chart_xy_scatter.png!|*Scatter*|A scatter plot (points not joined) chart that allows the charting of 2 related attribute series.  Can only be used if the data series are related.  Useful for seeing trends in data that is not linear.|
|!chart_histogram.png!|*Histogram*|Shows the number of times a given value occurs in the dataset.|
|!chart_whisker.png!|*Box & Whisker*|A chart which gives a quick overview of series of values and their statistical properties.|
|!chart_trellis.png!|*Trellis*|A segmented chart for which the behaviour is determined by the data selected.|
|!chart_heat_grid.png!|*Heat Grid*|Plots the intensity of a metric across multiple categories.|

bq. See [Analytical Charts] for more information.
{expand}

h3. {expand:title=Area Charts} 	
||Icon||Type||When to Use||
|!chart_area.png!|*Area*|You want to emphasize the magnitude of change over time. Use an area chart to show how much the value of a measure changes over time.
|!chart_area_stacked.png!|*Stacked Area*|You want to emphasise the magnitude of change over time, while comparing multiple categories.|

bq. See [Area Charts] for more information.
{expand}

h3. {expand:title=Bar Charts}
||Icon||Type||When to Use||
|!chart_bar.png!|*Horizontal Bar*|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.|
|!chart_bar3d.png!|*3D Horizontal Bar*|Similar to the horizontal bar chart, but in three a dimensional form.|
|!chart_bar_stacked.png!|*Stacked Horizontal Bar*|Categorical data, grouped or stacked to assist comparison. Use when part-to-whole comparison is important.|
|!chart_bar_cylinder.png!|*Horizontal Cylinder*|Similar to the horizontal bar, but having chart components shown in cylindrical form.|
|!chart_barprop.png!|*Proportional Bar*|Displays how close values in different categories came to the highest category value.|

bq. See [Bar Charts] for more information.
{expand}

h3. {expand:title=Column Charts}
||Icon||Type||When to Use||
|!chart_column.png!|*Vertical Column*|You want to highlight values for easy comparison and plot your numbers vertically. Use a column chart to place less emphasis on time and focus on comparing values.|
|!chart_column3d.png!|*3D Vertical Bar*|Similar to the vertical bar chart, but in three dimensional form.|
|!chart_column_stacked.png!|*Stacked Vertical Bar*|Also referred to as stacked column charts and used when part-to-whole comparison is important.|
|!chart_column_cylinder.png!|*Cylinder*|Similar to the vertical bar, but having chart components shown in cylindrical form.|
|!chart_column_stacked3d.png!|*3D Stacked Vertical Bar*|Similar to the 3d stacked vertical bar chart, but in three dimensional form.|
|!chart_column_layered.png!|*Layered*|Compares the contribution of each value to a total across categories.|

bq. See [Column Charts] for more information.
{expand}

h3. {expand:title=Combination Charts}
||Icon||Type||When to Use||
|!chart_combined.png!|*Combination Charts*|Combination charts, in effect, superimpose one chart type above or below another. Use to improve clarity and highlight relationships between data sets.|
|!chart_layered.png!|*Overlay Chart*|Use the line chart to emphasize a trend and bars to emphasize specific values. Line/Bar combinations may work better by de-emphasizing bars through the use of subtle colours.|

bq. See [Combination Charts] for more information.
{expand}

h3. {expand:title=Financial Charts}
||Icon||Type||When to Use||
|!chart_fin_line.png!|*Financial Line*|Use this chart to display a trading value with a subchart displaying volume.|
|!chart_fin_highlow.png!|*High Low*|Shows daily high, low, opening and closing values with tick positions corresponding to opening and closing values.|
|!chart_fin_box.png!|*Candlestick*|Shows daily high, low, opening and closing values with different colour bars depending on the daily direction.|

bq. See [Financial Charts] for more information.
{expand}

h3. {expand:title=Line Charts}
||Icon||Type||When to Use||
|!chart_line.png!|*Line*|You want to view trends over time by plotting data at points connected by lines. Use a line chart to plot many metrics.|
|!chart_line3d.png!|*3D Line*|Similar to the line chart, but in three-dimensional form.|
|!chart_z.png!|*Z Chart*|Trends over a short period of time; displaying the data, accumulative total, and moving total. |
|!chart_step.png!|*Stepped Line*|A line chart where movement is shown in steps rather than straight lines.|

{expand}

h3. {expand:title=Maps}
||Type||Icon||When to Use||
|!chart_map.png!|*Image Maps*|If you do not have GIS defined columns you can use the Image Maps to create heat maps - these are a good way to display metrics with a spatial element such as Revenue by State or Country
You will only be able to render maps for which an image map has been defined.|
|!chart_google_map.png!|*Google Maps*|Google Maps allow you to render location data points onto a Google map which will be displayed as a Yellowfin Chart - along with associated Google map widgets.|
|!chart_gis_google_map.png!|*GIS Google Maps*|A Google map which uses GIS data for its marker coordinates.|
|!chart_gismap.png!|*GIS Maps*|GIS Maps allow the rendering of complex GIS polygons.  These can be used to render spatial reports on the fly based on the GIS data available in a report.|
|!chart_gis_bubble.png!|*GIS Bubble Map*|A bubble map in which bubble positions are specified by GIS points.|
|!chart_gismap_heat.png!|*GIS Heat Map*|A heat map where colours representing GIS points are blended based on intensity.|

{expand}

h3. {expand:title=Meter Charts}
||Type||Icon||When to Use||
|!chart_meter.png!|*Meter*|You want to measure the rate of change of a measure against pre-defined targets.  Useful for dashboard reporting.|
|!chart_meter_therm.png!|*Thermometer*|Vertical representation of the meter chart, indicating a range of qualitative indicators.|
|!chart_meter_dial.png!|*Dial*|Used to communicate key performance indicators.|
|!chart_big_num.png!|*Numeric Display*|Shows the value of a metric on a digital display.|

{expand}

h3. {expand:title=Pie Charts}
||Type||Icon||When to Use||
|!chart_pie.png!|*Pie*|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.|
|!chart_pie3d.png!|*3D Pie*|Similar to the pie chart, but in three a dimensional form.|
|!chart_pie_multi.png!|*Multi Pie*|Used to highlight individual component sizes in a system of multiple components.|
|!chart_pie_donut.png!|*Ring*|Similar to the pie chart, but in a circular ring form.|

{expand}

h3. {expand:title=Special Purpose Charts}
||Type||Icon||When to Use||
|!chart_funnel.png!|*Funnel*|Used to show the status of stages in a process.|
|!chart_proportional.png!|*Proportional Infographic*|Displays segments on an image, with the segment size representing metric value.|
|!chart_comparative.png!|*Comparative Infographic*|Displays images sized in such a way to correspond to a metric.|
|!chart_radar.png!|*Radar*|You want to compare data by integrating multiple axes into a single radial figure.|
|!chart_waterfall.png!|*Waterfall*|Waterfall charts are a special type of Floating Column Chart. A typical waterfall chart shows how an initial value is increased and decreased by a series of intermediate values, leading to a final value.|
|!chart_event.png!|*Event*|Maps the occurrence of events against the values of a numeric data set over time.|
|!chart_time_heat.png!|*Week Density*|Shows the density of occurrences based on hour relative to other densities on the same day of the week.|

{expand}
{column}
{section}

h2. Chart Selector Guide
{styleclass: Class=topLink}[top|#top]{styleclass}
!WhatChart7.png|thumbnail,border=1!
\\
\\
{horizontalrule}
{styleclass: Class=topLink}[top|#top]{styleclass}