Difference between revisions of "Component: Area Chart (Charts)"

From Flowcode Help
Jump to navigationJump to search
Line 16: Line 16:
  
 
==Component Source Code==
 
==Component Source Code==
 +
 +
Please click here to download the component source project: [https://www.flowcode.co.uk/wikicopy/componentsource/FC_Comp_Source_ChartArea.fcfx FC_Comp_Source_ChartArea.fcfx]
  
 
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_ChartArea.fcfx FC_Comp_Source_ChartArea.fcfx]
 
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_ChartArea.fcfx FC_Comp_Source_ChartArea.fcfx]
  
 
==Detailed description==
 
==Detailed description==
 +
 +
  
  
Line 40: Line 44:
  
 
==Examples==
 
==Examples==
 +
 +
  
  
Line 60: Line 66:
  
 
==Macro reference==
 
==Macro reference==
 +
 +
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 +
|-
 +
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 +
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Clear'''
 +
|-
 +
| colspan="2" | Resets the XY chart and removes all data points. 
 +
|-
 +
|-
 +
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 +
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 +
|}
 +
 +
 +
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 +
|-
 +
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 +
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''AddPoint'''
 +
|-
 +
| colspan="2" | Add a point to the selected data series. 
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
 +
| width="90%" | Category
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
 +
| width="90%" | Y
 +
|-
 +
| colspan="2" | The Y coordinate of the data point 
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
 +
| width="90%" | Index
 +
|-
 +
| colspan="2" | The data series (1-8) 
 +
|-
 +
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 +
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 +
|}
 +
 +
 +
 +
 +
==Property reference==
 +
 +
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 +
|-
 +
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
 +
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
 +
|-
 +
|-
 +
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Appearance
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Style
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 +
| width="90%" | Title
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Stacking
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Fill Gradient
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-8-icon.png]]
 +
| width="90%" | Transparency
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Data Between Ticks
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Horizontal Axis
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 +
| width="90%" | Name
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Show Grid
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Vertical Axis
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 +
| width="90%" | Name
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Show Grid
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Auto-scale
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
 +
| width="90%" | Start
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
 +
| width="90%" | End
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Logarithmic
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Y-axis (secondary)
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 +
| width="90%" | Name
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Show Grid
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Auto-scale
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
 +
| width="90%" | Start
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
 +
| width="90%" | End
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Logarithmic
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Data Labels
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Show
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Show Category
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Show Value
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Show Series
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
 +
| width="90%" | Angle
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Position
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Legend
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Position
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Draw Border
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 +
| width="90%" | Select Series
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Series1
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 +
| width="90%" | Series Name
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Visible
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Secondary Axis
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Line Style
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Line Type
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 +
| width="90%" | Line Width
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Shadow
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Show Marker
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Marker Shape
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 +
| width="90%" | Marker Size
 +
|-
 +
| colspan="2" |  
 +
|}==Macro reference==
  
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"

Revision as of 15:20, 20 January 2023

Author Steve Tandy
Version 2.0
Category Charts


Area Chart component

A 2d area chart component.

Component Source Code

Please click here to download the component source project: FC_Comp_Source_ChartArea.fcfx

Please click here to view the component source code (Beta): FC_Comp_Source_ChartArea.fcfx

Detailed description

No detailed description exists yet for this component

Examples

No additional examples

Macro reference

Fc9-comp-macro.png Clear
Resets the XY chart and removes all data points. 
Fc9-void-icon.png - VOID Return


Fc9-comp-macro.png AddPoint
Add a point to the selected data series. 
Fc9-string-icon.png - STRING Category
 
Fc9-f32-icon.png - FLOAT Y
The Y coordinate of the data point 
Fc9-u8-icon.png - BYTE Index
The data series (1-8) 
Fc9-void-icon.png - VOID Return



Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Appearance
Fc9-type-12-icon.png Style
 
Fc9-type-10-icon.png Title
 
Fc9-type-12-icon.png Stacking
 
Fc9-type-12-icon.png Fill Gradient
 
Fc9-type-8-icon.png Transparency
 
Fc9-type-7-icon.png Data Between Ticks
 
Fc9-conn-icon.png Horizontal Axis
Fc9-type-10-icon.png Name
 
Fc9-type-7-icon.png Show Grid
 
Fc9-conn-icon.png Vertical Axis
Fc9-type-10-icon.png Name
 
Fc9-type-7-icon.png Show Grid
 
Fc9-type-7-icon.png Auto-scale
 
Fc9-type-15-icon.png Start
 
Fc9-type-15-icon.png End
 
Fc9-type-7-icon.png Logarithmic
 
Fc9-conn-icon.png Y-axis (secondary)
Fc9-type-10-icon.png Name
 
Fc9-type-7-icon.png Show Grid
 
Fc9-type-7-icon.png Auto-scale
 
Fc9-type-15-icon.png Start
 
Fc9-type-15-icon.png End
 
Fc9-type-7-icon.png Logarithmic
 
Fc9-conn-icon.png Data Labels
Fc9-type-7-icon.png Show
 
Fc9-type-7-icon.png Show Category
 
Fc9-type-7-icon.png Show Value
 
Fc9-type-7-icon.png Show Series
 
Fc9-type-14-icon.png Angle
 
Fc9-type-12-icon.png Position
 
Fc9-conn-icon.png Legend
Fc9-type-12-icon.png Position
 
Fc9-type-7-icon.png Draw Border
 
Fc9-type-16-icon.png Select Series
 
Fc9-conn-icon.png Series1
Fc9-type-10-icon.png Series Name
 
Fc9-type-7-icon.png Visible
 
Fc9-type-7-icon.png Secondary Axis
 
Fc9-type-12-icon.png Line Style
 
Fc9-type-12-icon.png Line Type
 
Fc9-type-16-icon.png Line Width
 
Fc9-type-7-icon.png Shadow
 
Fc9-type-7-icon.png Show Marker
 
Fc9-type-12-icon.png Marker Shape
 
Fc9-type-21-icon.png Marker Size
 

==Macro reference==

Fc9-comp-macro.png Clear
Resets the XY chart and removes all data points. 
Fc9-void-icon.png - VOID Return


Fc9-comp-macro.png AddPoint
Add a point to the selected data series. 
Fc9-string-icon.png - STRING Category
 
Fc9-f32-icon.png - FLOAT Y
The Y coordinate of the data point 
Fc9-u8-icon.png - BYTE Index
The data series (1-8) 
Fc9-void-icon.png - VOID Return



Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Appearance
Fc9-type-12-icon.png Style
 
Fc9-type-10-icon.png Title
 
Fc9-type-12-icon.png Stacking
 
Fc9-type-12-icon.png Fill Gradient
 
Fc9-type-8-icon.png Transparency
 
Fc9-type-7-icon.png Data Between Ticks
 
Fc9-conn-icon.png Horizontal Axis
Fc9-type-10-icon.png Name
 
Fc9-type-7-icon.png Show Grid
 
Fc9-conn-icon.png Vertical Axis
Fc9-type-10-icon.png Name
 
Fc9-type-7-icon.png Show Grid
 
Fc9-type-7-icon.png Auto-scale
 
Fc9-type-15-icon.png Start
 
Fc9-type-15-icon.png End
 
Fc9-type-7-icon.png Logarithmic
 
Fc9-conn-icon.png Y-axis (secondary)
Fc9-type-10-icon.png Name
 
Fc9-type-7-icon.png Show Grid
 
Fc9-type-7-icon.png Auto-scale
 
Fc9-type-15-icon.png Start
 
Fc9-type-15-icon.png End
 
Fc9-type-7-icon.png Logarithmic
 
Fc9-conn-icon.png Data Labels
Fc9-type-7-icon.png Show
 
Fc9-type-7-icon.png Show Category
 
Fc9-type-7-icon.png Show Value
 
Fc9-type-7-icon.png Show Series
 
Fc9-type-14-icon.png Angle
 
Fc9-type-12-icon.png Position
 
Fc9-conn-icon.png Legend
Fc9-type-12-icon.png Position
 
Fc9-type-7-icon.png Draw Border
 
Fc9-type-16-icon.png Select Series
 
Fc9-conn-icon.png Series1
Fc9-type-10-icon.png Series Name
 
Fc9-type-7-icon.png Visible
 
Fc9-type-7-icon.png Secondary Axis
 
Fc9-type-12-icon.png Line Style
 
Fc9-type-12-icon.png Line Type
 
Fc9-type-16-icon.png Line Width
 
Fc9-type-7-icon.png Shadow
 
Fc9-type-7-icon.png Show Marker
 
Fc9-type-12-icon.png Marker Shape
 
Fc9-type-21-icon.png Marker Size
 

==Macro reference==

Fc9-comp-macro.png Clear
Resets the XY chart and removes all data points. 
Fc9-void-icon.png - VOID Return


Fc9-comp-macro.png AddPoint
Add a point to the selected data series. 
Fc9-string-icon.png - STRING Category
 
Fc9-f32-icon.png - FLOAT Y
The Y coordinate of the data point 
Fc9-u8-icon.png - BYTE Index
The data series (1-8) 
Fc9-void-icon.png - VOID Return



Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Appearance
Fc9-type-12-icon.png Style
 
Fc9-type-10-icon.png Title
 
Fc9-type-12-icon.png Stacking
 
Fc9-type-12-icon.png Fill Gradient
 
Fc9-type-8-icon.png Transparency
 
Fc9-type-7-icon.png Data Between Ticks
 
Fc9-conn-icon.png Horizontal Axis
Fc9-type-10-icon.png Name
 
Fc9-type-7-icon.png Show Grid
 
Fc9-conn-icon.png Vertical Axis
Fc9-type-10-icon.png Name
 
Fc9-type-7-icon.png Show Grid
 
Fc9-type-7-icon.png Auto-scale
 
Fc9-type-15-icon.png Start
 
Fc9-type-15-icon.png End
 
Fc9-type-7-icon.png Logarithmic
 
Fc9-conn-icon.png Y-axis (secondary)
Fc9-type-10-icon.png Name
 
Fc9-type-7-icon.png Show Grid
 
Fc9-type-7-icon.png Auto-scale
 
Fc9-type-15-icon.png Start
 
Fc9-type-15-icon.png End
 
Fc9-type-7-icon.png Logarithmic
 
Fc9-conn-icon.png Data Labels
Fc9-type-7-icon.png Show
 
Fc9-type-7-icon.png Show Category
 
Fc9-type-7-icon.png Show Value
 
Fc9-type-7-icon.png Show Series
 
Fc9-type-14-icon.png Angle
 
Fc9-type-12-icon.png Position
 
Fc9-conn-icon.png Legend
Fc9-type-12-icon.png Position
 
Fc9-type-7-icon.png Draw Border
 
Fc9-type-16-icon.png Select Series
 
Fc9-conn-icon.png Series1
Fc9-type-10-icon.png Series Name
 
Fc9-type-7-icon.png Visible
 
Fc9-type-7-icon.png Secondary Axis
 
Fc9-type-12-icon.png Line Style
 
Fc9-type-12-icon.png Line Type
 
Fc9-type-16-icon.png Line Width
 
Fc9-type-7-icon.png Shadow
 
Fc9-type-7-icon.png Show Marker
 
Fc9-type-12-icon.png Marker Shape
 
Fc9-type-21-icon.png Marker Size
 
Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_Area_Chart_(Charts)&oldid=33152"