Jump to content

Component: Base2dChart (Development): Difference between revisions

From Flowcode Help
No edit summary
m Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""
 
(8 intermediate revisions by 2 users not shown)
Line 76: Line 76:


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




Line 83: Line 89:
==Macro reference==
==Macro reference==


===AddDataXYY1===
===AddCatData===
{| 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;" | '''AddDataXYY1'''
| width="90%" class="mtx-class-macrohead" | '''AddCatData'''
|-
|-
| colspan="2" | Adds a data point for a ternary chart (3 axes) to the specified series.&nbsp;
| colspan="2" | Adds a data point (y-value only) to the specified series.&nbsp;
|-
|-
|-
|-
Line 97: Line 103:
| colspan="2" | Which series to add to (1-8)&nbsp;
| colspan="2" | Which series to add to (1-8)&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | xValue
| width="90%" | Category
|-
|-
| colspan="2" | The value on the first axis&nbsp;
| colspan="2" | &nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | yValue
| width="90%" | Value
|-
|-
| colspan="2" | The value on the second axis&nbsp;
| colspan="2" | The data point value&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | zValue
|-
| colspan="2" | The value on the third axis&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 118: Line 119:


===AddData===
===AddData===
{| 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;" | '''AddData'''
| width="90%" class="mtx-class-macrohead" | '''AddData'''
|-
|-
| colspan="2" | Adds a data point (y-value only) to the specified series.&nbsp;
| colspan="2" | Adds a data point (y-value only) to the specified series.&nbsp;
Line 141: Line 142:




===GetDataXY===
===AddDataCXYY1===
{| 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;" | '''GetDataXY'''
| width="90%" class="mtx-class-macrohead" | '''AddDataCXYY1'''
|-
|-
| colspan="2" | Gets a data point from the specified XY reference&nbsp;
| colspan="2" | Adds a data point to a bubble chart.&nbsp;
|-
|-
|-
|-
Line 153: Line 154:
| width="90%" | Series
| width="90%" | Series
|-
|-
| colspan="2" | Which series to read from (1-8)&nbsp;
| colspan="2" | Which series to add to (1-8)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Category
|-
| colspan="2" | &nbsp;
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Y
|-
| colspan="2" | Y coordinate&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | X
| width="90%" | X
|-
|-
| colspan="2" | X location of the data (1 - 32767)&nbsp;
| colspan="2" | X coordinate&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Y
| width="90%" | Value
|-
|-
| colspan="2" | Y location of the data (1 - 255)&nbsp;
| colspan="2" | The value of the data point&nbsp;
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| 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''
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}
|}
Line 171: Line 182:


===AddDataXY===
===AddDataXY===
{| 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;" | '''AddDataXY'''
| width="90%" class="mtx-class-macrohead" | '''AddDataXY'''
|-
|-
| colspan="2" | Adds a data point (x and y values) to the specified series.&nbsp;
| colspan="2" | Adds a data point (x and y values) to the specified series.&nbsp;
Line 199: Line 210:




===AddCatData===
===AddDataXYY1===
{| 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;" | '''AddCatData'''
| width="90%" class="mtx-class-macrohead" | '''AddDataXYY1'''
|-
|-
| colspan="2" | Adds a data point (y-value only) to the specified series.&nbsp;
| colspan="2" | Adds a data point for a ternary chart (3 axes) to the specified series.&nbsp;
|-
|-
|-
|-
Line 213: Line 224:
| colspan="2" | Which series to add to (1-8)&nbsp;
| colspan="2" | Which series to add to (1-8)&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Category
| width="90%" | xValue
|-
|-
| colspan="2" | &nbsp;
| colspan="2" | The value on the first axis&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Value
| width="90%" | yValue
|-
|-
| colspan="2" | The data point value&nbsp;
| colspan="2" | The value on the second axis&nbsp;
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
| width="90%" | zValue
|}
 
 
===SetMode===
{| 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;" | '''SetMode'''
|-
| colspan="2" | Select the mode of operation&nbsp;
|-
|-
|-
| colspan="2" | The value on the third axis&nbsp;
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | bUseArrays
|-
| colspan="2" | True if data points are added to a hidden buffer; False if data is drawn directly onto chart.&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 248: Line 245:


===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" | Removes all datapoints from the chart.&nbsp;
| colspan="2" | Removes all datapoints 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''
|}
===RefreshChart===
{| 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;" | '''RefreshChart'''
|-
| colspan="2" | Redraws the chart.&nbsp;
|-
|-
|-
|-
Line 276: Line 259:


===GetData===
===GetData===
{| 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;" | '''GetData'''
| width="90%" class="mtx-class-macrohead" | '''GetData'''
|-
|-
| colspan="2" | Gets a data point from the specified series.&nbsp;
| colspan="2" | Gets a data point from the specified series.&nbsp;
Line 299: Line 282:




===AddDataCXYY1===
===GetDataXY===
{| 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;" | '''AddDataCXYY1'''
| width="90%" class="mtx-class-macrohead" | '''GetDataXY'''
|-
|-
| colspan="2" | Adds a data point to a bubble chart.&nbsp;
| colspan="2" | Gets a data point from the specified XY reference&nbsp;
|-
|-
|-
|-
Line 311: Line 294:
| width="90%" | Series
| width="90%" | Series
|-
|-
| colspan="2" | Which series to add to (1-8)&nbsp;
| colspan="2" | Which series to read from (1-8)&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | Category
| width="90%" | X
|-
|-
| colspan="2" | &nbsp;
| colspan="2" | X location of the data (1 - 32767)&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | Y
| width="90%" | Y
|-
|-
| colspan="2" | Y coordinate&nbsp;
| colspan="2" | Y location of the data (1 - 255)&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | X
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}
 
 
===RefreshChart===
{| class="mtx-class-macrotable wikitable"
|-
|-
| colspan="2" | X coordinate&nbsp;
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''RefreshChart'''
|-
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| colspan="2" | Redraws the chart.&nbsp;
| width="90%" | Value
|-
|-
| colspan="2" | The value of the data point&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 338: Line 325:




===SetMode===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''SetMode'''
|-
| colspan="2" | Select the mode of operation&nbsp;
|-
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | bUseArrays
|-
| colspan="2" | True if data points are added to a hidden buffer; False if data is drawn directly onto 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''
|}




==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;" | Data
| width="90%" class="mtx-class-propfolder" | Data
|-
|-
|-
|-
Line 372: Line 376:
| 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;" | Appearance
| width="90%" class="mtx-class-propfolder" | Appearance
|-
|-
|-
|-
Line 406: Line 410:
| 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 445: Line 449:
| 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 484: Line 488:
| 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 (secondary)
| width="90%" class="mtx-class-propfolder" | Y-axis (secondary)
|-
|-
|-
|-
Line 523: Line 527:
| 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;" | Data Labels
| width="90%" class="mtx-class-propfolder" | Data Labels
|-
|-
|-
|-
Line 562: Line 566:
| 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;" | Legend
| width="90%" class="mtx-class-propfolder" | Legend
|-
|-
|-
|-
Line 581: Line 585:
| 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;" | Series1
| width="90%" class="mtx-class-propfolder" | Series1
|-
|-
|-
|-

Latest revision as of 14:37, 13 July 2026

Author Steve Tandy
Version 1.1
Category Development


Base2dChart component

A base component for creating 2d charts.

Component Source Code

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

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

Detailed description

No detailed description exists yet for this component

Examples

No additional examples






Macro reference

AddCatData

AddCatData
Adds a data point (y-value only) to the specified series. 
- BYTE Series
Which series to add to (1-8) 
- STRING Category
 
- FLOAT Value
The data point value 
- VOID Return


AddData

AddData
Adds a data point (y-value only) to the specified series. 
- BYTE Series
Which series to add to (1-8) 
- FLOAT Value
The data point value 
- VOID Return


AddDataCXYY1

AddDataCXYY1
Adds a data point to a bubble chart. 
- BYTE Series
Which series to add to (1-8) 
- STRING Category
 
- FLOAT Y
Y coordinate 
- FLOAT X
X coordinate 
- FLOAT Value
The value of the data point 
- VOID Return


AddDataXY

AddDataXY
Adds a data point (x and y values) to the specified series. 
- BYTE Series
Which series to add to (1-8) 
- FLOAT xValue
The x coordinate for the data point 
- FLOAT yValue
The y coordinate for the data point 
- VOID Return


AddDataXYY1

AddDataXYY1
Adds a data point for a ternary chart (3 axes) to the specified series. 
- BYTE Series
Which series to add to (1-8) 
- FLOAT xValue
The value on the first axis 
- FLOAT yValue
The value on the second axis 
- FLOAT zValue
The value on the third axis 
- VOID Return


ClearData

ClearData
Removes all datapoints from the chart. 
- VOID Return


GetData

GetData
Gets a data point from the specified series. 
- BYTE Series
Which series to add to (1-8) 
- INT Index
The data point index (1 - 32767) 
- FLOAT Return


GetDataXY

GetDataXY
Gets a data point from the specified XY reference 
- BYTE Series
Which series to read from (1-8) 
- INT X
X location of the data (1 - 32767) 
- INT Y
Y location of the data (1 - 255) 
- FLOAT Return


RefreshChart

RefreshChart
Redraws the chart. 
- VOID Return


SetMode

SetMode
Select the mode of operation 
- BOOL bUseArrays
True if data points are added to a hidden buffer; False if data is drawn directly onto chart. 
- VOID Return


Property reference

Properties
Data
Categories
 
Y Values
 
X Values
 
Z Values
 
Appearance
Title
 
Style
 
Stacking
 
Fill Gradient
 
Transparency
 
Data Between Ticks
 
X-axis
Name
 
Show Grid
 
Auto-scale
 
Start
 
End
 
Logarithmic
 
Scalable
 
Y-axis
Name
 
Show Grid
 
Auto-scale
 
Start
 
End
 
Logarithmic
 
Scalable
 
Y-axis (secondary)
Name
 
Show Grid
 
Auto-scale
 
Start
 
End
 
Logarithmic
 
Scalable
 
Data Labels
Show
 
Show Category
 
Show Value
 
Show Percentage
 
Show Series
 
Angle
 
Position
 
Legend
Position
 
Draw Border
 
Select Series
 
Series1
Series Name
 
Visible
 
Secondary Axis
 
Line Style
 
Line Type
 
Line Width
 
Shadow
 
Fill
 
Show Marker
 
Marker Shape
 
Marker Size