Component: XY Chart (Charts): Difference between revisions

Latest revision as of 13:09, 7 February 2023

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 for the component source code: [https://www.flowcode.co.uk/wikicopy/componentsource/FC_Comp_Source_ChartXY.fcfx FC_Comp_Source_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_ChartXY.fcfx FC_Comp_Source_ChartXY.fcfx]
 ==Detailed description==
@@ Line 36: / Line 50: @@
 ==Examples==
@@ Line 46: / Line 72: @@
 {{Fcfile|Logging_Example.fcsx|Logging Example}}
-==Downloadable macro reference==
+==Macro reference==
+===AddPoint===
 {| 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'''
+| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''AddPoint'''
+|-
+| colspan="2" | Add an XY point to the selected data series.&nbsp;
+|-
+|-
+| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+| width="90%" | X
+|-
+| colspan="2" | The X coordinate of the data point&nbsp;
+|-
+| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+| width="90%" | Y
+|-
+| colspan="2" | The Y coordinate of the data point&nbsp;
 |-
-| colspan="2" | Resets the XY chart and removes all data points.&nbsp;
+| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
+| width="90%" | Index
 |-
+| colspan="2" | The data series (1-8)&nbsp;
 |-
 | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
@@ Line 61: / Line 113: @@
+===Clear===
 {| 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;" | '''SetMode'''
+| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Clear'''
-|-
-| colspan="2" | Select the mode of operation&nbsp;
 |-
+| colspan="2" | Resets the XY chart and removes all data points.&nbsp;
 |-
-| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
-| width="90%" | bUseArrays
-|-
-| colspan="2" | True if data points are added to a hidden buffer; False if data is drawn directly onto chart.&nbsp;
 |-
 | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
@@ Line 79: / Line 127: @@
+===RefreshChart===
 {| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 |-
@@ Line 92: / Line 141: @@
+===SetMode===
 {| 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'''
+| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetMode'''
 |-
-| colspan="2" | Add an XY point to the selected data series.&nbsp;
+| colspan="2" | Select the mode of operation&nbsp;
 |-
 |-
-| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
-| width="90%" | X
+| width="90%" | bUseArrays
 |-
-| colspan="2" | The X coordinate of the data point&nbsp;
+| colspan="2" | True if data points are added to a hidden buffer; False if data is drawn directly onto chart.&nbsp;
-|-
-| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
-| width="90%" | Y
-|-
-| colspan="2" | The Y coordinate of the data point&nbsp;
-|-
-| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
-| width="90%" | Index
-|-
-| colspan="2" | The data series (1-8)&nbsp;
 |-
 | 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''
 |}

Wiki bot (talk | contribs)