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

From Flowcode Help
Jump to navigationJump to search
(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...")
 
 
(One intermediate revision by the same user not shown)
Line 5: Line 5:
 
|-
 
|-
 
| width="20%" style="color:gray;" | Version
 
| width="20%" style="color:gray;" | Version
−
| 0.1
+
| 1.0
 
|-
 
|-
 
| 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
 +
  
−
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 29:
  
 
''<span style="color:red;">No additional examples</span>''
 
''<span style="color:red;">No additional examples</span>''
 +
 +
  
 
==Macro reference==
 
==Macro reference==
Line 68: Line 71:
 
| 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="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;" | '''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 82: Line 104:
 
| 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="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;" | '''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="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;" | '''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 94: Line 159:
 
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetSeriesNames'''
 
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''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 171:
 
|-
 
|-
 
| 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="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;" | '''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="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;" | '''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="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;" | '''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 240: Line 397:
 
| 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 08:59, 9 June 2025

Author
Version 1.0
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


Detailed description

No detailed description exists yet for this component

Examples

No additional examples


Macro reference

AddPoint

Fc9-comp-macro.png AddPoint
Add to the chart 
Fc9-f32-icon.png - FLOAT x
X value to plot 
Fc9-f32-icon.png - FLOAT y
Y value to plot 
Fc9-u8-icon.png - BYTE index
Series index (1-8) 
Fc9-void-icon.png - VOID Return


ClearData

Fc9-comp-macro.png ClearData
Remove all data from the chart 
Fc9-void-icon.png - VOID Return


ClearSeries

Fc9-comp-macro.png ClearSeries
Remove all data from a series in the chart 
Fc9-s32-icon.png - LONG SeriesId
The id of the series (1 - 8) 
Fc9-void-icon.png - VOID Return


Redraw

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


SetChartTitle

Fc9-comp-macro.png SetChartTitle
Sets the title text for the chart 
Fc9-string-icon.png - STRING Text
The new title for the chart 
Fc9-void-icon.png - VOID Return


SetSeriesName

Fc9-comp-macro.png SetSeriesName
Sets the name for a series 
Fc9-s32-icon.png - LONG SeriesId
The number of series to rename 
Fc9-string-icon.png - STRING SeriesName
The new name for the series 
Fc9-void-icon.png - VOID Return


SetSeriesNames

Fc9-comp-macro.png SetSeriesNames
Sets the number of series and all of their names 
Fc9-u8-icon.png - BYTE SeriesCount
The number of series to plot (1-8) 
Fc9-string-icon.png - STRING SeriesNames
Comma-separated list of series names 
Fc9-void-icon.png - VOID Return


SetSeriesVisible

Fc9-comp-macro.png SetSeriesVisible
Shows or hides a series 
Fc9-s32-icon.png - LONG SeriesId
The number of the series to show or hide (1-8) 
Fc9-bool-icon.png - BOOL Show
True to show, false to hide 
Fc9-void-icon.png - VOID Return


SetXAxis

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


SetYAxis

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


Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Chart
Fc9-type-10-icon.png Title
Chart title 
Fc9-type-12-icon.png Legend
 
Fc9-type-12-icon.png Style
 
Fc9-conn-icon.png X-axis
Fc9-type-10-icon.png Name
 
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 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 Advanced
Fc9-type-10-icon.png Custom Attributes
 
Fc9-type-10-icon.png Custom Options
 
Fc9-conn-icon.png Series
Fc9-type-16-icon.png Series Count
 
Fc9-type-10-icon.png Series 1
 
Fc9-type-10-icon.png 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=41656"