Component: XY Chart (Charts): Difference between revisions

Latest revision as of 14:37, 13 July 2026

Author	Steve Tandy
Version	1.1
Category	Charts

XY Chart component

A 2d XY scatter chart component.

Component Source Code

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

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

Detailed description

No detailed description exists yet for this component

Examples

A basic App Developer example using two circular knobs to simulate data e.g., temperature. Both xy chart and Console, log the data.

Logging Example

Macro reference

AddPoint

	AddPoint
Add an XY point to the selected data series.
- FLOAT	X
The X coordinate of the data point
- 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

RefreshChart

	RefreshChart
Redraws the chart.
- VOID	Return

SetMode

	SetMode
Select the mode of operation
- BOOL	bUseArrays
True if data points are added to a hidden buffer; False if data is drawn directly onto chart.
- VOID	Return

Property reference

	Properties
	Appearance
	Style

	Title

	X-axis
	Name

	Show Grid

	Auto-scale

	Start

	End

	Logarithmic

	Scalable

	Y-axis
	Name

	Show Grid

	Auto-scale

	Start

	End

	Logarithmic

	Scalable

	Y-axis (secondary)
	Name

	Show Grid

	Auto-scale

	Start

	End

	Logarithmic

	Scalable

	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/ChartXY.fcfx FC_Comp_Source_temp/ChartXY.fcfx]
+Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_ChartXY.fcfx FC_Comp_Source_ChartXY.fcfx]
-Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_temp/ChartXY.fcfx FC_Comp_Source_temp/ChartXY.fcfx]
+Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_ChartXY.fcfx FC_Comp_Source_ChartXY.fcfx]
 ==Detailed description==
@@ Line 71: / Line 71: @@
 {{Fcfile|Logging_Example.fcsx|Logging Example}}
@@ Line 83: / Line 85: @@
 ===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 an XY point to the selected data series.&nbsp;
@@ Line 112: / Line 114: @@
 ===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 126: / Line 128: @@
 ===RefreshChart===
-{| 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;" | '''RefreshChart'''
+| width="90%" class="mtx-class-macrohead" | '''RefreshChart'''
 |-
 | colspan="2" | Redraws the chart.&nbsp;
@@ Line 140: / Line 142: @@
 ===SetMode===
-{| 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;" | '''SetMode'''
+| width="90%" class="mtx-class-macrohead" | '''SetMode'''
 |-
 | colspan="2" | Select the mode of operation&nbsp;
@@ Line 160: / Line 162: @@
 ==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 180: / Line 182: @@
 | 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;" | X-axis
+| width="90%" class="mtx-class-propfolder" | X-axis
 |-
 |-
@@ Line 219: / Line 221: @@
 | 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
+| width="90%" class="mtx-class-propfolder" | Y-axis
 |-
 |-
@@ Line 258: / Line 260: @@
 | 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 297: / Line 299: @@
 | 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 316: / Line 318: @@
 | 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)