Component: Area Chart (Charts): Difference between revisions

Latest revision as of 14:37, 13 July 2026

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

AddPoint

	AddPoint
Add a point to the selected data series.
- STRING	Category

- FLOAT	Y
The Y coordinate of the data point
- BYTE	Index
The data series (1-8)
- VOID	Return

Clear

	Clear
Resets the XY chart and removes all data points.
- VOID	Return

Property reference

	Properties
	Appearance
	Style

	Title

	Stacking

	Fill Gradient

	Transparency

	Data Between Ticks

	Horizontal Axis
	Name

	Show Grid

	Vertical Axis
	Name

	Show Grid

	Auto-scale

	Start

	End

	Logarithmic

	Y-axis (secondary)
	Name

	Show Grid

	Auto-scale

	Start

	End

	Logarithmic

	Data Labels
	Show

	Show Category

	Show Value

	Show Series

	Angle

	Position

	Legend
	Position

	Draw Border

	Select Series

	Series1
	Series Name

	Visible

	Secondary Axis

	Line Style

	Line Type

	Line Width

	Shadow

	Show Marker

	Marker Shape

	Marker Size

@@ Line 17: / Line 17: @@
 ==Component Source Code==
-Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_temp/ChartArea.fcfx FC_Comp_Source_temp/ChartArea.fcfx]
+Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/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_temp/ChartArea.fcfx FC_Comp_Source_temp/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==
@@ Line 76: / Line 76: @@
 ''<span style="color:red;">No additional examples</span>''
@@ Line 88: / Line 90: @@
 ===AddPoint===
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''AddPoint'''
+| width="90%" class="mtx-class-macrohead" | '''AddPoint'''
 |-
 | colspan="2" | Add a point to the selected data series.&nbsp;
@@ Line 117: / Line 119: @@
 ===Clear===
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Clear'''
+| width="90%" class="mtx-class-macrohead" | '''Clear'''
 |-
 | colspan="2" | Resets the XY chart and removes all data points.&nbsp;
@@ Line 132: / Line 134: @@
 ==Property reference==
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
+| width="90%" class="mtx-class-macrohead" | '''Properties'''
 |-
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Appearance
+| width="90%" class="mtx-class-propfolder" | Appearance
 |-
 |-
@@ Line 172: / Line 174: @@
 | colspan="2" | &nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Horizontal Axis
+| width="90%" class="mtx-class-propfolder" | Horizontal Axis
 |-
 |-
@@ Line 186: / Line 188: @@
 | colspan="2" | &nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Vertical Axis
+| width="90%" class="mtx-class-propfolder" | Vertical Axis
 |-
 |-
@@ Line 220: / Line 222: @@
 | colspan="2" | &nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Y-axis (secondary)
+| width="90%" class="mtx-class-propfolder" | Y-axis (secondary)
 |-
 |-
@@ Line 254: / Line 256: @@
 | colspan="2" | &nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Data Labels
+| width="90%" class="mtx-class-propfolder" | Data Labels
 |-
 |-
@@ Line 288: / Line 290: @@
 | colspan="2" | &nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Legend
+| width="90%" class="mtx-class-propfolder" | Legend
 |-
 |-
@@ Line 307: / Line 309: @@
 | colspan="2" | &nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Series1
+| width="90%" class="mtx-class-propfolder" | Series1
 |-
 |-

SteveT (talk | contribs)