Component: GLCD Graph Creator XY (Graphical Library): Difference between revisions

Latest revision as of 14:37, 13 July 2026

Author	Matrix TSL
Version	1.2
Category	Graphical Library

GLCD Graph Creator XY component

A component to simplify the process of drawing XY graphs and charts using a graphical LCD.

Detailed description

No detailed description exists yet for this component

Examples

No additional examples

Macro reference

AddPoint

	AddPoint
Adds a new data point to the graph.
- INT	X
X Data Value to plot
- INT	Y
Y Data Value to plot
- BYTE	Index
Plot Index: Range 0-7
- VOID	Return

Initialise

	Initialise
Initialises the graph object on the GLCD to the specified dimensions.
- VOID	Return

Property reference

	Properties
	Display Properties
	LinkTo

	ColourDisplay
Automatically detects if the graphical LCD object is colour or monochrome
	X Coord
X coordinate for the top left of the graph container rectangle
	Y Coord
Y coordinate for the top left of the graph container rectangle
	Width
Horizontal size of the graph in pixels
	Height
Vertical size of the graph in pixels
	Graph Properties
	Number Of Plots
Determines the number of plots that can be displayed simultaneously on the graph. Monochrome displays can only support a single plot.
	Number Of Points
Number of data points the graph can store, multiplied by the number of plots.
	Graph Style
Controls the graph draw style. Point - Draws a single point Line - Draws a line from the last point to the new point
	Min X Value
Value to represent the left X axis on the graph
	Max X Value
Value to represent the right X axis on the graph
	Min Y Value
Value to represent the bottom Y axis on the graph
	Max Y Value
Value to represent the top Y axis on the graph
	Show Border
Decides if a border for the graph is generated
	Show Grid
Decides if a X or Y grid is shown for the graph
	Theme
	Background Colour
Determines the graph background colour.
	Plot 0 Colour
Determines the graph plot colour.

Component Source Code

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

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

@@ Line 14: / Line 14: @@
 ==GLCD Graph Creator XY component==
 A component to simplify the process of drawing XY graphs and charts using a graphical LCD.
-==Component Source Code==
-Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_temp/Lib_GLCD_GraphXY.fcfx FC_Comp_Source_temp/Lib_GLCD_GraphXY.fcfx]
-Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_temp/Lib_GLCD_GraphXY.fcfx FC_Comp_Source_temp/Lib_GLCD_GraphXY.fcfx]
 ==Detailed description==
@@ Line 48: / Line 42: @@
 ''<span style="color:red;">No additional examples</span>''
@@ Line 60: / Line 56: @@
 ===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" | Adds a new data point to the graph.&nbsp;
@@ Line 89: / Line 85: @@
 ===Initialise===
-{| 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;" | '''Initialise'''
+| width="90%" class="mtx-class-macrohead" | '''Initialise'''
 |-
 | colspan="2" | Initialises the graph object on the GLCD to the specified dimensions.&nbsp;
@@ Line 104: / Line 100: @@
 ==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;" | Display Properties
+| width="90%" class="mtx-class-propfolder" | Display Properties
 |-
 |-
@@ Line 144: / Line 140: @@
 | colspan="2" | Vertical size of the graph in pixels&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;" | Graph Properties
+| width="90%" class="mtx-class-propfolder" | Graph Properties
 |-
 |-
@@ Line 166: / Line 162: @@
 | width="90%" | Min X Value
 |-
-| colspan="2" | Value to represent the bottom Y axis on the graph&nbsp;
+| colspan="2" | Value to represent the left X axis on the graph&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
 | width="90%" | Max X Value
 |-
-| colspan="2" | Value to represent the top Y axis on the graph&nbsp;
+| colspan="2" | Value to represent the right X axis on the graph&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
@@ Line 193: / Line 189: @@
 | colspan="2" | Decides if a X or Y grid is shown for the graph&nbsp;
 |-
-| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" | X Subdivisions
+| width="90%" class="mtx-class-propfolder" | Theme
-|-
-| colspan="2" | Number of horizontal divisions to draw&nbsp;
-|-
-| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
-| width="90%" | Y Subdivisions
-|-
-| colspan="2" | Number of vertical divisions to draw&nbsp;
-|-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Theme
 |-
 |-
@@ Line 211: / Line 197: @@
 |-
 | colspan="2" | Determines the graph background colour. &nbsp;
-|-
-| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
-| width="90%" | Grid Colour
-|-
-| colspan="2" | Determines the graph grid colour. &nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
@@ Line 222: / Line 203: @@
 | colspan="2" | Determines the graph plot colour. &nbsp;
 |}
+==Component Source Code==
+Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Lib_GLCD_GraphXY.fcfx FC_Comp_Source_Lib_GLCD_GraphXY.fcfx]
+Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Lib_GLCD_GraphXY.fcfx FC_Comp_Source_Lib_GLCD_GraphXY.fcfx]

SteveT (talk | contribs)