Difference between revisions of "Component: Graph Plotter (Indicators)"

From Flowcode Help
Jump to navigationJump to search
(XML import)
 
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
+
{| style="width:50%"
 
 
{| width="50%"
 
 
|-
 
|-
| width="20%" style="color: gray;" | Author
+
| width="20%" style="color:gray;" | Author
 
| Matrix TSL
 
| Matrix TSL
 
|-
 
|-
| width="20%" style="color: gray;" | Version
+
| width="20%" style="color:gray;" | Version
| 1.0 (Release)
+
| 1.0
 
|-
 
|-
| width="20%" style="color: gray;" | Category
+
| width="20%" style="color:gray;" | Category
 
| Indicators
 
| Indicators
 
|}
 
|}
  
  
 
+
==Graph Plotter component==
==[[File:Component Icon 4861b972_b20b_479a_9620_fb7ab23e66c3.png|Image]] Graph Plotter component==
 
 
A simple component to allow a number of values to be plotted onto a panel primitive.
 
A simple component to allow a number of values to be plotted onto a panel primitive.
  
==Examples==
+
==Component Source Code==
''<span style="color:red;">No additional examples</span>''
 
  
 +
Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_GraphPlotter.fcfx FC_Comp_Source_GraphPlotter.fcfx]
  
==Downloadable macro reference==
+
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_GraphPlotter.fcfx FC_Comp_Source_GraphPlotter.fcfx]
  
===<span style="font-weight: normal;"><u><tt>AddPoint</tt></u></span>===
+
==Detailed description==
Adds a new data point to the graph.
 
  
'''Parameters'''
 
  
:[[Variable Types|UINT]] ''Data''
 
::Data Value to plot
 
  
:[[Variable Types|BYTE]] ''Index''
 
::Plot Index: Range 0-7
 
  
  
'''Return value'''
 
  
:''This call does not return a value''
 
  
  
===<span style="font-weight: normal;"><u><tt>Initialise</tt></u></span>===
 
Initialises the graph object on the GLCD to the specified dimensions.
 
  
X, Y coordinates dictate the top left corner of the graph.
 
  
Width, Height measurements dictate the size of the graph.
 
  
'''Parameters'''
 
  
:[[Variable Types|UINT]] ''X''
 
  
:[[Variable Types|UINT]] ''Y''
+
''No detailed description exists yet for this component''
  
:[[Variable Types|UINT]] ''Width''
+
==Examples==
  
:[[Variable Types|UINT]] ''Height''
 
  
  
'''Return value'''
 
  
:''This call does not return a value''
 
  
  
  
==Simulation macro reference==
 
  
''This component does not contain any simulation macros''
 
  
  
==Property reference==
 
<span style="font-weight: normal;"><u>Number Of Plots</u></span>
 
  
This property is of type ''Fixed list of ints'' and can be referenced with the variable name ''NumPlots''.
 
  
Determines the number of plots that can be displayed simultaneously on the graph.
 
  
Monochrome displays can only support a single plot.
 
  
<span style="font-weight: normal;"><u>Number Of Points</u></span>
+
''<span style="color:red;">No additional examples</span>''
  
This property is of type ''Unsigned integer'' and can be referenced with the variable name ''NumPoints''.
 
  
Number of data points the graph can store, multiplied by the number of plots.
 
  
<span style="font-weight: normal;"><u>Graph Style</u></span>
 
  
This property is of type ''Fixed list of ints'' and can be referenced with the variable name ''GraphStyle''.
 
  
''<span style="color:red;">No additional information</span>''
 
  
  
  
<span style="font-weight: normal;"><u>Min Value</u></span>
 
  
This property is of type ''Signed integer'' and can be referenced with the variable name ''MinVal''.
 
  
''<span style="color:red;">No additional information</span>''
 
  
  
 +
==Macro reference==
  
<span style="font-weight: normal;"><u>Max Value</u></span>
+
===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;" | '''AddPoint'''
 +
|-
 +
| colspan="2" | Adds a new data point to the graph.&nbsp;
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
 +
| width="90%" | Data
 +
|-
 +
| colspan="2" | 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''
 +
|}
  
This property is of type ''Signed integer'' and can be referenced with the variable name ''MaxVal''.
 
  
''<span style="color:red;">No additional information</span>''
+
===Initialise===
 +
{| 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. X, Y coordinates dictate the top left corner of the graph. Width, Height measurements dictate the size of the graph.&nbsp;
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
 +
| width="90%" | X
 +
|-
 +
| colspan="2" | &nbsp;
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
 +
| width="90%" | Y
 +
|-
 +
| colspan="2" | &nbsp;
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
 +
| width="90%" | Width
 +
|-
 +
| colspan="2" | &nbsp;
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
 +
| width="90%" | Height
 +
|-
 +
| colspan="2" | &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==
  
<span style="font-weight: normal;"><u>Show Grid</u></span>
+
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
+
|-
This property is of type ''Fixed list of ints'' and can be referenced with the variable name ''ShowGrid''.
+
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
 
+
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''  
''<span style="color:red;">No additional information</span>''
+
|-
 
+
|-
 
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Graph Properties
<span style="font-weight: normal;"><u>Pixel Width</u></span>
+
|-
 
+
|-
This property is of type ''Unsigned integer'' and can be referenced with the variable name ''PixelWidth''.
+
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 
+
| width="90%" | Number Of Plots
''<span style="color:red;">No additional information</span>''
+
|-
 
+
| 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]]
<span style="font-weight: normal;"><u>Pixel Height</u></span>
+
| width="90%" | Number Of Points
 
+
|-
This property is of type ''Unsigned integer'' and can be referenced with the variable name ''PixelHeight''.
+
| colspan="2" | Number of data points the graph can store, multiplied by the number of plots.&nbsp;
 
+
|-
''<span style="color:red;">No additional information</span>''
+
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 
+
| width="90%" | Graph Style
 
+
|-
 
+
| colspan="2" | &nbsp;
<span style="font-weight: normal;"><u>Background Colour</u></span>
+
|-
 
+
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
This property is of type ''Color picker'' and can be referenced with the variable name ''BgCol''.
+
| width="90%" | Min Value
 
+
|-
Determines the graph background colour.
+
| colspan="2" | &nbsp;
 
+
|-
<span style="font-weight: normal;"><u>Plot 1 Colour</u></span>
+
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
 
+
| width="90%" | Max Value
This property is of type ''Color picker'' and can be referenced with the variable name ''P1Col''.
+
|-
 
+
| colspan="2" | &nbsp;
Determines the graph plot colour.
+
|-
 
+
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
<span style="font-weight: normal;"><u>Plot 2 Colour</u></span>
+
| width="90%" | Show Grid
 
+
|-
This property is of type ''Color picker'' and can be referenced with the variable name ''P2Col''.
+
| colspan="2" | &nbsp;
 
+
|-
Determines the graph plot colour.
+
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 +
| width="90%" | X Subdivisions
 +
|-
 +
| colspan="2" | &nbsp;
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 +
| width="90%" | Y Subdivisions
 +
|-
 +
| colspan="2" | &nbsp;
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 +
| width="90%" | Pixel Width
 +
|-
 +
| colspan="2" | &nbsp;
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 +
| width="90%" | Pixel Height
 +
|-
 +
| colspan="2" | &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 1 Colour
 +
|-
 +
| colspan="2" | Determines the graph plot colour. &nbsp;
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
 +
| width="90%" | Plot 2 Colour
 +
|-
 +
| colspan="2" | Determines the graph plot colour. &nbsp;
 +
|}

Latest revision as of 13:10, 7 February 2023

Author Matrix TSL
Version 1.0
Category Indicators


Graph Plotter component

A simple component to allow a number of values to be plotted onto a panel primitive.

Component Source Code

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

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

Detailed description

No detailed description exists yet for this component

Examples

No additional examples







Macro reference

AddPoint

Fc9-comp-macro.png AddPoint
Adds a new data point to the graph. 
Fc9-u16-icon.png - UINT Data
Data Value to plot 
Fc9-u8-icon.png - BYTE Index
Plot Index: Range 0-7 
Fc9-void-icon.png - VOID Return


Initialise

Fc9-comp-macro.png Initialise
Initialises the graph object on the GLCD to the specified dimensions. X, Y coordinates dictate the top left corner of the graph. Width, Height measurements dictate the size of the graph. 
Fc9-u16-icon.png - UINT X
 
Fc9-u16-icon.png - UINT Y
 
Fc9-u16-icon.png - UINT Width
 
Fc9-u16-icon.png - UINT Height
 
Fc9-void-icon.png - VOID Return


Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Graph Properties
Fc9-type-16-icon.png Number Of Plots
Determines the number of plots that can be displayed simultaneously on the graph. Monochrome displays can only support a single plot. 
Fc9-type-21-icon.png Number Of Points
Number of data points the graph can store, multiplied by the number of plots. 
Fc9-type-16-icon.png Graph Style
 
Fc9-type-14-icon.png Min Value
 
Fc9-type-14-icon.png Max Value
 
Fc9-type-16-icon.png Show Grid
 
Fc9-type-21-icon.png X Subdivisions
 
Fc9-type-21-icon.png Y Subdivisions
 
Fc9-type-21-icon.png Pixel Width
 
Fc9-type-21-icon.png Pixel Height
 
Fc9-conn-icon.png Theme
Fc9-type-1-icon.png Background Colour
Determines the graph background colour.  
Fc9-type-1-icon.png Grid Colour
Determines the graph grid colour.  
Fc9-type-1-icon.png Plot 1 Colour
Determines the graph plot colour.  
Fc9-type-1-icon.png Plot 2 Colour
Determines the graph plot colour.