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

From Flowcode Help
Jump to navigationJump to search
 
(2 intermediate revisions by the same user not shown)
Line 71: Line 71:
  
 
{{Fcfile|Logging_Example.fcsx|Logging Example}}
 
{{Fcfile|Logging_Example.fcsx|Logging Example}}
 +
 +
 +
 +
 +
 +
  
  
Line 78: Line 84:
 
==Macro reference==
 
==Macro reference==
  
−
===Clear===
+
===AddPoint===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
 
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
| 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. 
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
 +
| width="90%" | X
 +
|-
 +
| colspan="2" | The X coordinate of the data point 
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
 +
| width="90%" | Y
 +
|-
 +
| colspan="2" | The Y coordinate of the data point 
 
|-
 
|-
−
| colspan="2" | Resets the XY chart and removes all data points. 
+
| 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="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
Line 92: Line 113:
  
  
−
===SetMode===
+
===Clear===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
 
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
| 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 
+
| colspan="2" | Resets the XY chart and removes all data points. 
−
|-
 
−
|-
 
−
| 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. 
 
 
|-
 
|-
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
Line 125: Line 141:
  
  
−
===AddPoint===
+
===SetMode===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
 
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
| 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. 
+
| colspan="2" | Select the mode of operation 
 
|-
 
|-
 
|-
 
|-
−
| 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 
+
| colspan="2" | True if data points are added to a hidden buffer; False if data is drawn directly onto chart. 
−
|-
 
−
| 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="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
|}
 
|}
−
 
−
 
  
  

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.

FC6 Icon.png Logging Example






Macro reference

AddPoint

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


Clear

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


RefreshChart

Fc9-comp-macro.png RefreshChart
Redraws the chart. 
Fc9-void-icon.png - VOID Return


SetMode

Fc9-comp-macro.png SetMode
Select the mode of operation 
Fc9-bool-icon.png - BOOL bUseArrays
True if data points are added to a hidden buffer; False if data is drawn directly onto chart. 
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-conn-icon.png X-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-type-7-icon.png Scalable
 
Fc9-conn-icon.png Y-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-type-7-icon.png Scalable
 
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-type-7-icon.png Scalable
 
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:_XY_Chart_(Charts)&oldid=37834"