Difference between revisions of "Chart Options"

From Lianjapedia
Jump to: navigation, search
(Created page with "''Under Construction'' {| class="wikitable" width="100%" !width="20%"|Attribute !width="80%"|Description |- |valign="top"|Graph type||Select from a known chart type: Horizont...")
 
 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
''Under Construction''
 
''Under Construction''
 +
 +
==See Also==
 +
[[Charts Section Attributes]], [[Data Visualization with Charts]]
 +
 +
==Overview==
 +
 +
==Report options==
 +
 +
===Graph type===
 +
Select from a known chart type: Horizontal Bar | Vertical Bar | Line | Pie | Gantt | Bipolar | Funnel | Radar | Rose | Scatter | Radial Scatter | Thermometer | Waterfall | Vertical Progress Bar | Horizontal Progress Bar
 +
 +
===URL===
 +
The generated URL that will be rendered in the chart section
 +
 +
===Size===
  
 
{| class="wikitable" width="100%"
 
{| class="wikitable" width="100%"
Line 5: Line 20:
 
!width="80%"|Description
 
!width="80%"|Description
 
|-
 
|-
−
|valign="top"|Graph type||Select from a known chart type: Horizontal Bar | Vertical Bar | Line | Pie | Gantt | Bipolar | Funnel | Radar | Rose | Scatter | Radial Scatter | Thermometer | Waterfall | Vertical Progress Bar | Horizontal Progress Bar
+
|valign="top"|Width||The chart height in pixels.
 
|-
 
|-
−
|valign="top"|URL||The generated URL that will be rendered in the chart section
+
|valign="top"|Height||The chart title height in pixels.
 
|-
 
|-
−
|valign="top"|Width||The chart width
+
|valign="top"|Left gutter||The chart left gutter width in pixels.
 
|-
 
|-
−
|valign="top"|Height||The chart height
+
|valign="top"|Right gutter||The chart right gutter width in pixels.
 
|-
 
|-
−
|valign="top"|Left gutter||The chart left gutter width in pixels
+
|valign="top"|Top gutter||The chart top gutter width in pixels.
 
|-
 
|-
−
|valign="top"|Right gutter||The chart right gutter width in pixels
+
|valign="top"|Bottom gutter||The chart bottom gutter width in pixels.
 
|-
 
|-
−
|valign="top"|Top gutter||The chart top gutter height in pixels
+
|}
 +
 
 +
===Appearance===
 +
 
 +
{| class="wikitable" width="100%"
 +
!width="20%"|Attribute
 +
!width="80%"|Description
 
|-
 
|-
−
|valign="top"|Bottom gutter||The chart bottom gutter height in pixels
+
|valign="top"|Background color||The chart canvas color specified as an [[Colors#HTML style color|HTML style color]]
−
|-
+
−
|valign="top"|Background color||The color of the chart canvas as an html-like color
+
 
|-
 
|-
 
|valign="top"|Shadow||Enable or disable 3D shadowing (True | False).
 
|valign="top"|Shadow||Enable or disable 3D shadowing (True | False).
Line 27: Line 46:
 
|valign="top"|Effects||Enable or disable special effects for displaying the chart (True | False).
 
|valign="top"|Effects||Enable or disable special effects for displaying the chart (True | False).
 
|-
 
|-
−
|valign="top"|[[Gradients#Gradient colors|Gradient colors]]||Enable or disable gradient colors (True | False).
+
|valign="top"|Gradient colors||Enable or disable gradient colors for data segments/bars (True | False).
 +
Applies to Pie, Bipolar, Waterfall.  
 
|-
 
|-
−
|valign="top"|[[Gradients#Gradient start color|Gradient start color]]||The start gradient color
+
|valign="top"|Gradient start color||If '''Gradient colors''' is True, the gradient start color specified as an [[Colors#HTML style color|HTML style color]]
 
|-
 
|-
−
|valign="top"|[[Gradients#Gradient end color|Gradient end color]]||The end gradient color
+
|valign="top"|Gradient end color||If '''Gradient colors''' is True, the gradient end color specified as an [[Colors#HTML style color|HTML style color]]
 
|-
 
|-
−
|valign="top"|Title||The chart title
+
|valign="top"|Colors||The colors for the data (one for each segment).  This should be a comma separated list of [[Colors#HTML style color|HTML style colors]].
 +
Applies to Horizontal Bar, Vertical Bar, Line, Pie, Bipolar, Funnel, Radar, Rose.   
 
|-
 
|-
−
|valign="top"|Title foreground color||The chart title foreground color
+
|}
 +
 
 +
===Title===
 +
 
 +
{| class="wikitable" width="100%"
 +
!width="20%"|Attribute
 +
!width="80%"|Description
 
|-
 
|-
−
|valign="top"|Title background color||The chart title background color
+
|valign="top"|Title||The chart title.  This defaults to ''Untitled <chart-type> Chart''.
 
|-
 
|-
−
|valign="top"|Data||The comma separated list of chart data.  For grouped data, separate the groups with a &#124; character.
+
|valign="top"|Title foreground color||The chart title foreground color specified as an [[Colors#HTML style color|HTML style color]].
 
|-
 
|-
−
|valign="top"|Labels||The chart labels
+
|valign="top"|Title background color||The chart title background color specified as an [[Colors#HTML style color|HTML style color]].
 
|-
 
|-
−
|valign="top"|Label foreground color||The chart label foreground color
+
|}
 +
 
 +
===Data===
 +
The comma separated list of chart data.  For grouped data, separate the groups with a &#124; character.
 +
 
 +
===Labels===
 +
 
 +
{| class="wikitable" width="100%"
 +
!width="20%"|Attribute
 +
!width="80%"|Description
 +
|-
 +
|valign="top"|Labels||The chart labels.
 +
|-
 +
|valign="top"|Label foreground color||The label foreground color specified as an [[Colors#HTML style color|HTML style color]].
 
|-
 
|-
 
|valign="top"|Labels above||Enable or disable displaying a summary label next to the segment (True &#124; False).
 
|valign="top"|Labels above||Enable or disable displaying a summary label next to the segment (True &#124; False).
 
|-
 
|-
−
|valign="top"|Legend labels||The chart legend labels
+
|valign="top"|Legend labels||The chart legend labels.
 +
|-
 +
|}
 +
 
 +
===Tooltips===
 +
A comma separated list of tooltips that are passed to the delegate
 +
 
 +
===Delegate===
 +
An optional delegate to be called when segments of the chart are selected.  By default the 'tooltip' for the segment selected will be used as a search key in any child sections.
 +
 
 +
==Notes on Client Support==
 +
 
 +
{| class="wikitable" width="100%"
 +
!width="20%"|Attribute
 +
!width="80%"|Description
 +
|-
 +
|valign="top"|Graph type||
 +
|-
 +
|valign="top"|URL||
 +
|-
 +
|valign="top"|Width||
 +
|-
 +
|valign="top"|Height||
 +
|-
 +
|valign="top"|Left gutter||
 +
|-
 +
|valign="top"|Right gutter||
 +
|-
 +
|valign="top"|Top gutter||
 +
|-
 +
|valign="top"|Bottom gutter||
 +
|-
 +
|valign="top"|Background color||
 +
|-
 +
|valign="top"|Shadow||
 +
|-
 +
|valign="top"|Effects||
 +
|-
 +
|valign="top"|Gradient colors||
 +
|-
 +
|valign="top"|Gradient start color||
 +
|-
 +
|valign="top"|Gradient end color||
 +
|-
 +
|valign="top"|Title||
 +
|-
 +
|valign="top"|Title foreground color||
 +
|-
 +
|valign="top"|Title background color||
 +
|-
 +
|valign="top"|Data||
 +
|-
 +
|valign="top"|Labels||
 +
|-
 +
|valign="top"|Label foreground color||
 +
|-
 +
|valign="top"|Labels above||
 +
|-
 +
|valign="top"|Legend labels||
 
|-
 
|-
−
|valign="top"|Tooltips||A comma separated list of tooltips that are passed to the delegate
+
|valign="top"|Tooltips||
 
|-
 
|-
−
|valign="top"|Colors||A comma separated list of html-style colors (one for each segment)
+
|valign="top"|Colors||
 
|-
 
|-
−
|valign="top"|Delegate||An optional delegate to be called when segments of the chart are selected.  By default the 'tooltip' for the segment selected will be used as a search key in any child sections.
+
|valign="top"|Delegate||
 
|-
 
|-
 
|}
 
|}
  
 
[[Category:Attribute Categories]]
 
[[Category:Attribute Categories]]
 +
[[Category:Sections]]

Latest revision as of 08:27, 28 July 2016

Under Construction

See Also

Charts Section Attributes, Data Visualization with Charts

Overview

Report options

Graph type

Select from a known chart type: Horizontal Bar | Vertical Bar | Line | Pie | Gantt | Bipolar | Funnel | Radar | Rose | Scatter | Radial Scatter | Thermometer | Waterfall | Vertical Progress Bar | Horizontal Progress Bar

URL

The generated URL that will be rendered in the chart section

Size

Attribute Description
Width The chart height in pixels.
Height The chart title height in pixels.
Left gutter The chart left gutter width in pixels.
Right gutter The chart right gutter width in pixels.
Top gutter The chart top gutter width in pixels.
Bottom gutter The chart bottom gutter width in pixels.

Appearance

Attribute Description
Background color The chart canvas color specified as an HTML style color
Shadow Enable or disable 3D shadowing (True | False).
Effects Enable or disable special effects for displaying the chart (True | False).
Gradient colors Enable or disable gradient colors for data segments/bars (True | False).

Applies to Pie, Bipolar, Waterfall.

Gradient start color If Gradient colors is True, the gradient start color specified as an HTML style color
Gradient end color If Gradient colors is True, the gradient end color specified as an HTML style color
Colors The colors for the data (one for each segment). This should be a comma separated list of HTML style colors.

Applies to Horizontal Bar, Vertical Bar, Line, Pie, Bipolar, Funnel, Radar, Rose.

Title

Attribute Description
Title The chart title. This defaults to Untitled <chart-type> Chart.
Title foreground color The chart title foreground color specified as an HTML style color.
Title background color The chart title background color specified as an HTML style color.

Data

The comma separated list of chart data. For grouped data, separate the groups with a | character.

Labels

Attribute Description
Labels The chart labels.
Label foreground color The label foreground color specified as an HTML style color.
Labels above Enable or disable displaying a summary label next to the segment (True | False).
Legend labels The chart legend labels.

Tooltips

A comma separated list of tooltips that are passed to the delegate

Delegate

An optional delegate to be called when segments of the chart are selected. By default the 'tooltip' for the segment selected will be used as a search key in any child sections.

Notes on Client Support

Attribute Description
Graph type
URL
Width
Height
Left gutter
Right gutter
Top gutter
Bottom gutter
Background color
Shadow
Effects
Gradient colors
Gradient start color
Gradient end color
Title
Title foreground color
Title background color
Data
Labels
Label foreground color
Labels above
Legend labels
Tooltips
Colors
Delegate
Retrieved from "https://www.lianja.com/doc/index.php?title=Chart_Options&oldid=14521"