Jump to content

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

From Flowcode Help
← Older edit

SteveT (talk | contribs)

4 user groups
6,422 edits
No edit summary
m Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""
 
(12 intermediate revisions by 2 users not shown)
Line 15: Line 15:
A component to simplify the process of drawing XY graphs and charts using a graphical LCD.
A component to simplify the process of drawing XY graphs and charts using a graphical LCD.


==Component Source Code==
==Detailed description==


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]
==Detailed description==




Line 43: Line 39:




''<span style="color:red;">No additional examples</span>''


==Macro reference==


{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
''<span style="color:red;">No additional examples</span>''
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''AddPoint'''
|-
| colspan="2" | Adds a new data point to the graph.&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | X
|-
| colspan="2" | X Data Value to plot&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | Y
|-
| colspan="2" | Y Data Value to plot&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Index
|-
| colspan="2" | Plot Index: Range 0-7&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''
|}




{| 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;" | '''Initialise'''
|-
| colspan="2" | Initialises the graph object on the GLCD to the specified dimensions.&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''
|}








==Property reference==


{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Display Properties
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | LinkTo
|-
| colspan="2" | &nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | ColourDisplay
|-
| colspan="2" | Automatically detects if the graphical LCD object is colour or monochrome&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | X Coord
|-
| colspan="2" | X coordinate for the top left of the graph container rectangle&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Y Coord
|-
| colspan="2" | Y coordinate for the top left of the graph container rectangle&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Width
|-
| colspan="2" | Horizontal size of the graph in pixels&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Height
|-
| colspan="2" | Vertical size of the graph in pixels&nbsp;
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Graph Properties
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Number Of Plots
|-
| colspan="2" | Determines the number of plots that can be displayed simultaneously on the graph. Monochrome displays can only support a single plot.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Number Of Points
|-
| colspan="2" | Number of data points the graph can store, multiplied by the number of plots.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Graph Style
|-
| colspan="2" | Controls the graph draw style. Point - Draws a single point Line - Draws a line from the last point to the new point&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Min X Value
|-
| colspan="2" | Value to represent the bottom Y 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;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Min Y Value
|-
| colspan="2" | Value to represent the bottom Y axis on the graph&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Max Y Value
|-
| colspan="2" | Value to represent the top Y axis on the graph&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Show Border
|-
| colspan="2" | Decides if a border for the graph is generated&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Show Grid
|-
| 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="90%" | X Subdivisions
|-
| 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
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Background Colour
|-
| 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]]
| width="90%" | Plot 0 Colour
|-
| colspan="2" | Determines the graph plot colour. &nbsp;
|}==Macro reference==


{| 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'''
|-
| colspan="2" | Adds a new data point to the graph.&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | X
|-
| colspan="2" | X Data Value to plot&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | Y
|-
| colspan="2" | Y Data Value to plot&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Index
|-
| colspan="2" | Plot Index: Range 0-7&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''
|}
{| 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;" | '''Initialise'''
|-
| colspan="2" | Initialises the graph object on the GLCD to the specified dimensions.&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''
|}






==Macro reference==


==Property reference==
===AddPoint===
 
{| class="mtx-class-macrotable wikitable"
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Display Properties
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | LinkTo
|-
| colspan="2" | &nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | ColourDisplay
|-
| colspan="2" | Automatically detects if the graphical LCD object is colour or monochrome&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | X Coord
|-
| colspan="2" | X coordinate for the top left of the graph container rectangle&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Y Coord
|-
|-
| colspan="2" | Y coordinate for the top left of the graph container rectangle&nbsp;
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
|-
| width="90%" class="mtx-class-macrohead" | '''AddPoint'''
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Width
|-
| colspan="2" | Horizontal size of the graph in pixels&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Height
|-
| colspan="2" | Vertical size of the graph in pixels&nbsp;
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Graph Properties
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Number Of Plots
|-
| colspan="2" | Determines the number of plots that can be displayed simultaneously on the graph. Monochrome displays can only support a single plot.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Number Of Points
|-
| colspan="2" | Number of data points the graph can store, multiplied by the number of plots.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Graph Style
|-
| colspan="2" | Controls the graph draw style. Point - Draws a single point Line - Draws a line from the last point to the new point&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Min X Value
|-
| colspan="2" | Value to represent the bottom Y 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;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Min Y Value
|-
| colspan="2" | Value to represent the bottom Y axis on the graph&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Max Y Value
|-
| colspan="2" | Value to represent the top Y axis on the graph&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Show Border
|-
| colspan="2" | Decides if a border for the graph is generated&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Show Grid
|-
| 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="90%" | X Subdivisions
|-
| 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
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Background Colour
|-
| 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]]
| width="90%" | Plot 0 Colour
|-
| colspan="2" | Determines the graph plot colour. &nbsp;
|}==Macro reference==
 
{| 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'''
|-
|-
| colspan="2" | Adds a new data point to the graph.&nbsp;
| colspan="2" | Adds a new data point to the graph.&nbsp;
Line 403: Line 84:




{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
===Initialise===
{| 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;
| colspan="2" | Initialises the graph object on the GLCD to the specified dimensions.&nbsp;
Line 414: Line 96:
| width="90%" style="border-top: 2px solid #000;" | ''Return''
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}
|}




==Property reference==
==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 460: Line 140:
| colspan="2" | Vertical size of the graph in pixels&nbsp;
| 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 482: Line 162:
| width="90%" | Min X Value
| 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="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Max X Value
| 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]]
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
Line 509: Line 189:
| colspan="2" | Decides if a X or Y grid is shown for the graph&nbsp;
| 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 527: Line 197:
|-
|-
| colspan="2" | Determines the graph background colour. &nbsp;
| 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]]
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
Line 537: Line 202:
|-
|-
| colspan="2" | Determines the graph plot colour. &nbsp;
| colspan="2" | Determines the graph plot colour. &nbsp;
|}==Macro reference==
{| 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'''
|-
| colspan="2" | Adds a new data point to the graph.&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | X
|-
| colspan="2" | X Data Value to plot&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | Y
|-
| colspan="2" | Y Data Value to plot&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Index
|-
| colspan="2" | Plot Index: Range 0-7&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''
|}
|}


==Component Source Code==


{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
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]
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Initialises the graph object on the GLCD to the specified dimensions.&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''
|}


 
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]
 
 
==Property reference==
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Display Properties
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | LinkTo
|-
| colspan="2" | &nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | ColourDisplay
|-
| colspan="2" | Automatically detects if the graphical LCD object is colour or monochrome&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | X Coord
|-
| colspan="2" | X coordinate for the top left of the graph container rectangle&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Y Coord
|-
| colspan="2" | Y coordinate for the top left of the graph container rectangle&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Width
|-
| colspan="2" | Horizontal size of the graph in pixels&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Height
|-
| colspan="2" | Vertical size of the graph in pixels&nbsp;
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Graph Properties
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Number Of Plots
|-
| colspan="2" | Determines the number of plots that can be displayed simultaneously on the graph. Monochrome displays can only support a single plot.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Number Of Points
|-
| colspan="2" | Number of data points the graph can store, multiplied by the number of plots.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Graph Style
|-
| colspan="2" | Controls the graph draw style. Point - Draws a single point Line - Draws a line from the last point to the new point&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Min X Value
|-
| colspan="2" | Value to represent the bottom Y 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;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Min Y Value
|-
| colspan="2" | Value to represent the bottom Y axis on the graph&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Max Y Value
|-
| colspan="2" | Value to represent the top Y axis on the graph&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Show Border
|-
| colspan="2" | Decides if a border for the graph is generated&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Show Grid
|-
| 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="90%" | X Subdivisions
|-
| 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
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Background Colour
|-
| 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]]
| width="90%" | Plot 0 Colour
|-
| colspan="2" | Determines the graph plot colour. &nbsp;
|}

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

Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_GLCD_Graph_Creator_XY_(Graphical_Library)&oldid=48228"