Page Comparison

{anchor:top}
{toc: class=contents}
h2. Overview
{styleclass: Class=topLink}[top|#top]{styleclass}
In the chart data panel you will be prompted to select the series you wish to use in your chart and also edit the series style options. Having selected your chart type, the data selection panel will be refreshed to display the appropriate options for the chart.  

!01chartData.png!


h2. Standard Components
{styleclass: Class=topLink}[top|#top]{styleclass}

||Icon||Component||Description||
|!chart_horizontal_axis_icon.png!|*Horizontal Axis*||
|!chart_vertical_axis_icon.png!|*Vertical Axis*||
|!chart_colour_icon.png!|*Colour*||
|!chart_size_icon.png!|*Size*||
|!chart_animation_icon.png!|*Animation*||


h2. Specialty Components
{styleclass: Class=topLink}[top|#top]{styleclass}

||Icon||Component||Description||
|!chart_image_icon.png!|*Image*|Choose the relevant image that you want to use to display your data. Used for Raster Maps, Comparative Infographics, and Proportional Infographics.|
|!chart_region_icon.png!|*Region*|The region is the field that has reference codes associated with areas on the map. Used for Raster Maps.|
|!chart_label_icon.png!|*Label*|Used for Google,|
|!chart_description_icon.png!|*Description*|Used for Google, |
|!chart_link_icon.png!|*Link*|Used for Google,|
|!chart_latitude_icon.png!|*Latitude*|Used for Google,|
|!chart_longitude_icon.png!|*Longitude*|Used for Google,|
|!chart_geofield_icon.png!|*Geo Field*|Used for Google GIS Maps, GIS Maps, GIS Bubble Maps, GIS Heat Maps,|
|!chart_tooltip_icon.png!|*Tool Tip*| for Google GIS Maps, GIS Maps, GIS Bubble Maps,|
|!chart_measure_icon.png!|*Measure*|Meter charts only display a single value - select the series to be used for this value. Used for Meters.|
|!chart_radar_icon.png!|*Radar*|Used for Radars|
|!chart_event_icon.png!|*Events*|Binary values that signify if the event was occurring on each of the time values. Used for Events.|
|!chart_value_icon.png!|*Value*| for Financial Lines|
|!chart_volume_icon.png!|*Volume*|Number of shares traded in the time period. Used for Financial Lines, High Low, Candlestick.| 
|!chart_trend_icon.png!|*Trend*|A metric the user created to display a trend line on the chart. Used for Financial Lines, High Low, Candlestick .|
|!chart_start_icon.png!|*Start*|Share value at the beginning of the time period (commonly: day). Used for High Low, Candlestick.|
|!chart_end_icon.png!|*End*|Share value at the end of the time period (commonly: day). Used for High Low, Candlestick.|
|!chart_high_icon.png!|*High*|The highest value the share reached in the time period. Used for High Low, Candlestick .|
|!chart_low_icon.png!|*Low*|The lowest value the share reached in the time period. Used for High Low, Candlestick.|





 
h4. {expand:title=Bar, Column, Line, Pie, Area, Combination Charts}
||Option||Description||
|Label|This is the category label for the X axis|
|Series|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.|
{expand}

h4. {expand:title=Financial Charts}
||Option||Description||
|Label|This is the label for the X axis, time series data.|
|Start|Share value at the beginning of the time period (commonly: day)|
|End|Share value at the end of the time period (commonly: day)|
|High|The highest value the share reached in the time period|
|Low|The lowest value the share reached in the time period|
|Volume|Number of shares traded in the time period|
|Trend|A metric the user created to display a trend line on the chart|
{expand}

h4. {expand:title=Bubble Charts / Scatter Plots}
||Option||Description||
|X Axis|The value to be displayed on the X axis - must be numeric|
|Y Axis|The value to be displayed on the Y axis - must be numeric|
|Size|The value that defines the size of the bubble relative to all other points on the chart - must be numeric|
|Colour|The item that defines the colour of the bubble - must be a dimension|
{expand}

h4. {expand:title=Meter Charts}
||Option||Description||
|Series|Meter charts only display a single value - select the series to be used for this value.|
{expand}

h4. {expand:title=Image Maps}
||Option||Description||
|Map|Choose the relevant map that you want to use to display your data.|
|Layer|The layer is the image layer that has reference codes associated with zones on the map.|
|Label|The label is the field in your data set that has the reference codes that match your layer data.|
|Colour|The colour you wish to use as the maximum colour variable.|
{expand}

h4. {expand:title=Google Maps}
||Option||Description||
|Label|The label for the roll over bubble|
|Description|A description that is contained in the roll over bubble|
|Link|A hyperlink that can be embedded into the bubble to take the user to an external site / report.|
|Latitude|The Latitude coordinates column|
|Longitude|The Longitude coordinates column|
{expand}

h4. {expand:title=GIS Maps}
||Option||Description||
|GIS Field|This is the field in your report that contains the GIS data types|
|Colour|The maximum colour to be used for the heat map|
{expand}

h4. {expand:title=Event Chart}
||Option||Description||
|Label|Time value|
|Value|Metric shown in the line (the top of the chart)|
|Event|Binary values that signify if the event was occurring on each of the time values.|
{expand}


h3. Animation
Charts that are built with a date or datetime field available will have an Animation option displayed in the Chart Data area.

!01animation.png!

Animation uses a date field to slice up the chart into frames, much like a section slices up a table into sub tables. Simply select the date field, such as Year, as the animation field and Yellowfin will create a frame per year value. When you return to the report preview page you will be able to play the animation or step through using the navigation buttons. 

It is also recommended that you change the Chart Title option to display the Animation Field, rather than the Report Name, in order to provide the report writer with a label for each frame.

!01animation2.png|thumbnail,border=1!

{color:#CC0000}*Note:*{color} The animation option will only be available if a date field has been used in the report. It's also important to remember to use a date field that won't create too many frames, as animation is meant for high level data, like year rather than day.




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