Jump to content

Component: Line Chart ( Charts): Difference between revisions

From Flowcode Help

SteveT (talk | contribs)

4 user groups
6,426 edits
Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | |- | width="20%" style="color:gray;" | Version | 0.1 |- | width="20%" style="color:gray;" | Categ..."
 
m Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""
 
(9 intermediate revisions by 2 users not shown)
Line 5: Line 5:
|-
|-
| width="20%" style="color:gray;" | Version
| width="20%" style="color:gray;" | Version
| 0.1
| 1.2
|-
|-
| width="20%" style="color:gray;" | Category
| width="20%" style="color:gray;" | Category
Line 15: Line 15:




==Component Source Code==
==Version information==


Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_Chart_Line.fcsx FC_Comp_Source_WEBEXP_Chart_Line.fcsx]
Library Version, Component Version, Date, Author, Info
4, 1.0, 18-02-25, ST, Max series now 8, plus several new macros
5, 1.1, 27-01-26, ST, Charts and Gauges now consolidated into single load function
6, 1.2, 13-02-26, ST, Added Ev_Initialising to correctly set properties when loading


Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_Chart_Line.fcsx FC_Comp_Source_WEBEXP_Chart_Line.fcsx]


==Detailed description==
==Detailed description==
Line 28: Line 31:


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


==Macro reference==
==Macro reference==


===AddPoint===
===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" | Add to the chart&nbsp;
| colspan="2" | Add to the chart&nbsp;
Line 61: Line 66:


===ClearData===
===ClearData===
{| 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;" | '''ClearData'''
| width="90%" class="mtx-class-macrohead" | '''ClearData'''
|-
|-
| colspan="2" | Remove all data from the chart&nbsp;
| colspan="2" | Remove all data from the chart&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''
|}
===ClearSeries===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''ClearSeries'''
|-
| colspan="2" | Remove all data from a series in the chart&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" | SeriesId
|-
| colspan="2" | The id of the series (1 - 8)&nbsp;
|-
|-
| 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 75: Line 99:


===Redraw===
===Redraw===
{| 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;" | '''Redraw'''
| width="90%" class="mtx-class-macrohead" | '''Redraw'''
|-
|-
| colspan="2" | Redraw the chart&nbsp;
| colspan="2" | Redraw the chart&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''
|}
===SetChartTitle===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''SetChartTitle'''
|-
| colspan="2" | Sets the title text for the chart&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | The new title for the chart&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''
|}
===SetSeriesName===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''SetSeriesName'''
|-
| colspan="2" | Sets the name for a series&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" | SeriesId
|-
| colspan="2" | The number of series to rename&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | SeriesName
|-
| colspan="2" | The new name for the series&nbsp;
|-
|-
| 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 89: Line 156:


===SetSeriesNames===
===SetSeriesNames===
{| 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;" | '''SetSeriesNames'''
| width="90%" class="mtx-class-macrohead" | '''SetSeriesNames'''
|-
|-
| colspan="2" | Sets the names for each series&nbsp;
| colspan="2" | Sets the number of series and all of their names&nbsp;
|-
|-
|-
|-
Line 106: Line 173:
|-
|-
| colspan="2" | Comma-separated list of series names&nbsp;
| colspan="2" | Comma-separated list of series names&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''
|}
===SetSeriesVisible===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''SetSeriesVisible'''
|-
| colspan="2" | Shows or hides a series&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" | SeriesId
|-
| colspan="2" | The number of the series to show or hide (1-8)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Show
|-
| colspan="2" | True to show, false to hide&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''
|}
===SetXAxis===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''SetXAxis'''
|-
| colspan="2" | Sets the X axis name and bounds&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | The new name for the axis (pass empty string to keep existing name)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Autoscale
|-
| colspan="2" | Set true to autoscale the axis (ignores the Max and Min values)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Min
|-
| colspan="2" | New minimum value for the axis (ignored if Autoscale is true)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Max
|-
| colspan="2" | New maximum value for the axis (ignored if Autoscale is true)&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''
|}
===SetYAxis===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''SetYAxis'''
|-
| colspan="2" | Sets the Y axis name and bounds&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | The new name for the axis (pass empty string to keep existing name)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Autoscale
|-
| colspan="2" | Set true to autoscale the axis (ignores the Max and Min values)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Min
|-
| colspan="2" | New minimum value for the axis (ignored if Autoscale is true)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Max
|-
| colspan="2" | New maximum value for the axis (ignored if Autoscale is true)&nbsp;
|-
|-
| 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 114: Line 273:
==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;" | Chart
| width="90%" class="mtx-class-propfolder" | Chart
|-
|-
|-
|-
Line 139: Line 298:
| colspan="2" | &nbsp;
| colspan="2" | &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;" | X-axis
| width="90%" class="mtx-class-propfolder" | X-axis
|-
|-
|-
|-
Line 173: Line 332:
| colspan="2" | &nbsp;
| colspan="2" | &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;" | Y-axis
| width="90%" class="mtx-class-propfolder" | Y-axis
|-
|-
|-
|-
Line 207: Line 366:
| colspan="2" | &nbsp;
| colspan="2" | &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;" | Advanced
| width="90%" class="mtx-class-propfolder" | Advanced
|-
|-
|-
|-
Line 221: Line 380:
| colspan="2" | &nbsp;
| colspan="2" | &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;" | Series
| width="90%" class="mtx-class-propfolder" | Series
|-
|-
|-
|-
Line 240: Line 399:
| colspan="2" | &nbsp;
| colspan="2" | &nbsp;
|}
|}
==Component Source Code==
Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_Chart_Line.fcsx FC_Comp_Source_WEBEXP_Chart_Line.fcsx]
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_Chart_Line.fcsx FC_Comp_Source_WEBEXP_Chart_Line.fcsx]

Latest revision as of 14:36, 13 July 2026

Author
Version 1.2
Category Charts


Line Chart component

Version information

Library Version, Component Version, Date, Author, Info
4, 1.0, 18-02-25, ST, Max series now 8, plus several new macros
5, 1.1, 27-01-26, ST, Charts and Gauges now consolidated into single load function
6, 1.2, 13-02-26, ST, Added Ev_Initialising to correctly set properties when loading


Detailed description

No detailed description exists yet for this component

Examples

No additional examples


Macro reference

AddPoint

AddPoint
Add to the chart 
- FLOAT x
X value to plot 
- FLOAT y
Y value to plot 
- BYTE index
Series index (1-8) 
- VOID Return


ClearData

ClearData
Remove all data from the chart 
- VOID Return


ClearSeries

ClearSeries
Remove all data from a series in the chart 
- LONG SeriesId
The id of the series (1 - 8) 
- VOID Return


Redraw

Redraw
Redraw the chart 
- VOID Return


SetChartTitle

SetChartTitle
Sets the title text for the chart 
- STRING Text
The new title for the chart 
- VOID Return


SetSeriesName

SetSeriesName
Sets the name for a series 
- LONG SeriesId
The number of series to rename 
- STRING SeriesName
The new name for the series 
- VOID Return


SetSeriesNames

SetSeriesNames
Sets the number of series and all of their names 
- BYTE SeriesCount
The number of series to plot (1-8) 
- STRING SeriesNames
Comma-separated list of series names 
- VOID Return


SetSeriesVisible

SetSeriesVisible
Shows or hides a series 
- LONG SeriesId
The number of the series to show or hide (1-8) 
- BOOL Show
True to show, false to hide 
- VOID Return


SetXAxis

SetXAxis
Sets the X axis name and bounds 
- STRING Text
The new name for the axis (pass empty string to keep existing name) 
- BOOL Autoscale
Set true to autoscale the axis (ignores the Max and Min values) 
- FLOAT Min
New minimum value for the axis (ignored if Autoscale is true) 
- FLOAT Max
New maximum value for the axis (ignored if Autoscale is true) 
- VOID Return


SetYAxis

SetYAxis
Sets the Y axis name and bounds 
- STRING Text
The new name for the axis (pass empty string to keep existing name) 
- BOOL Autoscale
Set true to autoscale the axis (ignores the Max and Min values) 
- FLOAT Min
New minimum value for the axis (ignored if Autoscale is true) 
- FLOAT Max
New maximum value for the axis (ignored if Autoscale is true) 
- VOID Return


Property reference

Properties
Chart
Title
Chart title 
Legend
 
Style
 
X-axis
Name
 
Auto-scale
 
Start
 
End
 
Logarithmic
 
Scalable
 
Y-axis
Name
 
Auto-scale
 
Start
 
End
 
Logarithmic
 
Scalable
 
Advanced
Custom Attributes
 
Custom Options
 
Series
Series Count
 
Series 1
 
Series 2
 

Component Source Code

Please click here to download the component source project: FC_Comp_Source_WEBEXP_Chart_Line.fcsx

Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_Chart_Line.fcsx

Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_Line_Chart_(_Charts)&oldid=47932"