Difference between revisions of "Component: Scale Arc Template (Advanced Shapes)"

Latest revision as of 13:12, 7 February 2023

Author	Matrix Ltd
Version	1.2
Category	Advanced Shapes

Scale Arc Template component

A base component for drawing circular dials. This allows a simple way to create graduated and labelled dials, for example, within meter and rotary control components. Mouse handling is built in for ease of building interactive controls.

Component Source Code

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

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

Detailed description

No detailed description exists yet for this component

Examples

No additional examples

Macro reference

GetValue

	GetValue
Get the current scale value - this will be the most recent value set using "SetValue", or from the most recent mouse click if the component is in "Control" mode.
- FLOAT	Return

SetLabel

	SetLabel
Set the label text for the scale
- STRING	Label
Text to display.as the component label.
- VOID	Return

SetRange

	SetRange
Set the minimum and maximum values of the scale
- FLOAT	Minimum
Minimum value for the scale
- FLOAT	Maximum
Maximum value for the scale
- VOID	Return

SetValue

	SetValue
Set the pointer to the given value on the scale. Returns the angle required to point at the given value.
- FLOAT	Value
The value on the scale to move the pointer to.
- FLOAT	Return

Property reference

	Properties
	Pointer
Set another panel object to be a pointer that will rotate around the scale. Depending on the property 'Function' (below).... "Display" mode - the object acts as a pointer showing the values set by the "SetValue" macro. "Control" mode - the object acts as a handle for mouse movements that will set the current value.
	Axis Object
An object to act as the centre of the arc, and rotation point of the 'Pointer' object. By default, the arc is drawn centrally, but by assigning an object here, the whole scale can be centred around a different point.
	Function
Choose the 'mode' of the component. "Display" mode - the arc can act as a value display, with the 'Pointer' object rotating to show incoming value changes. "Control" mode - clicking on the scale, or 'Pointer' object, sets the value directly, which can be susequently read by the "GetValue" macro.
	Style
	Canvas Shape
Shape of the plane on which to draw the scale.
	Resolution
The number of pixels per world unit of size. The scale is drawn as a bit-map, so this setting determines the level of detail vs. drawing speed and memory usage.
	BG Color
Color of the scale background.
	Positive Color
Color for arc and divisions for negative values.
	Negative Color
Color for the arc and divisions for positive values.
	Label Color
Color for the component label text.
	Arc
	Radius %
Radius of the arc line as a percentage of the component's shortest dimension.
	Start Angle
Start angle of the sweep, where the minimum value will appear. Measured in degrees, anti-clockwise from the positive X-axis.
	Sweep
The number of degrees between the minimum value and the maximum value.
	Thickness
Thickness of the arc line.
	Show
Whether to show or hide the arc.
	Marks
	Divisions
Number of main divisions around the scale - these divisions can be numbered.
	Radius %
Radius of the division ends - they are drawn from here to their intersection with the arc. % of the component size.
	Thickness
Thickness of main (numbered) division lines.
	Subdivisions
Number of smaller divisions between each main division. Set to zero if not required.
	Subs Radius %
Radius of the small division ends. They are drawn from here to their intersection with the arc. % of component size.
	Subs Thickness
Thickness of sub-division lines.
	Show
Whether to show or hide the division markings.
	Numbers
	Maximum
Maximum value to show on the display.
	Minimum
Minimum value to show on the display.
	Decimals
Number of decimal places to show on the number values.
	Radius %
Radius from the centre to place the number values. % of component size.
	Text Size %
Height of number text - % of component size.
	Font
Font for the number values.
	Show
Show or hide the number values.
	Label
	Text
A text label to help identify the display.
	Radius %
Radius to place the label - % of component size.
	Angle
Angle at which to place the label - degrees anti-clockwise from the positive X-axis.
	Text Size %
Height of the label font - % of component size.
	Font
Font for the text label.
	Show
Show or hide the text label.
	Buttons
	Show Buttons
Controls if the adjustment buttons are shown on the scale arc or not.
	Adjustment Value
Sets the button adjustment value, will round the value to the nearest whole adjustment. For example with an adjustment of 1,0 the adjustment buttons will jump to the next whole number.

Difference between revisions of "Component: Scale Arc Template (Advanced Shapes)"

Latest revision as of 13:12, 7 February 2023

Contents

Scale Arc Template component

Component Source Code

Detailed description

Examples

Macro reference

GetValue

SetLabel

SetRange

SetValue

Property reference

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

Tools

@@ Line 1: / Line 1: @@
+{| style="width:50%"
-{| width="50%"
 |-
-| width="20%" style="color: gray;" | Author
+| width="20%" style="color:gray;" | Author
 | Matrix Ltd
 |-
-| width="20%" style="color: gray;" | Version
+| width="20%" style="color:gray;" | Version
-| 1.2 (Release)
+| 1.2
 |-
-| width="20%" style="color: gray;" | Category
+| width="20%" style="color:gray;" | Category
 | Advanced Shapes
 |}
+==Scale Arc Template component==
+A base component for drawing circular dials.  This allows a simple way to create graduated and labelled dials, for example, within meter and rotary control components. Mouse handling is built in for ease of building interactive controls.
-==[[File:Component Icon f307403b_2134_4efa_bfac_bbd0adc0f253.png|Image]] Scale Arc Template component==
+==Component Source Code==
-A base component for drawing circular dials.  This allows a simple way to create graduated
-and labelled dials, for example, within meter and rotary control components.
-Mouse handling is built in for ease of building interactive controls.
+Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Scale_Arc.fcfx FC_Comp_Source_Scale_Arc.fcfx]
-This component can be used as a base to create ''child'' components
+Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Scale_Arc.fcfx FC_Comp_Source_Scale_Arc.fcfx]
-The following components all inherit the traits of Scale Arc Template:
+==Detailed description==
-{| class="wikitable" width="50%"
-|+|-
-|[[File:Component Icon 2e0aa52e_ac04_4997_b3ac_77205ba19522.png|Image]] Dashboard Knob
-|Rotary control designed for the dashboard panel.  Has customisable value markings
-around the control.  Simulation only - the control value can be read using simulation macros
-but is not connected to a chip pin.
-|-
-|[[File:Component Icon 8c84170a_6fe8_4386_9709_451a0d21da64.png|Image]] Dashboard Meter
-|Simulation only round meter/dial.  The range of values displayed is easily adjusted.
-|}
-==Examples==
-Simple example showing how to use the simulation dial components as a meter display for use in monitoring type applications.
-{{Fcfile|Meters.fcfx|Meters}}
-==Downloadable macro reference==
-''This component does not contain any downloadable macros''
-==Simulation macro reference==
-===<span style="font-weight: normal;"><u><tt>GetValue</tt></u></span>===
-Get the current scale value - this will be the most recent value set using "SetValue", or from the most recent mouse click if the component is in "Control"
-mode.
-'''Parameters'''
-:''This macro has no parameters''
-'''Return value'''
-:[[Variable Types|FLOAT]]
-===<span style="font-weight: normal;"><u><tt>SetValue</tt></u></span>===
-Set the pointer to the given value on the scale.  Returns the angle required to point at the given value.
-'''Parameters'''
+''No detailed description exists yet for this component''
-:[[Variable Types|FLOAT]] ''Value''
+==Examples==
-::The value on the scale to move the pointer to.
-'''Return value'''
-:[[Variable Types|FLOAT]]
-===<span style="font-weight: normal;"><u><tt>SetLabel</tt></u></span>===
-Set the label text for the scale
-'''Parameters'''
-:[[Variable Types|STRING]] ''Label''
-::Text to display.as the component label.
-'''Return value'''
-:''This call does not return a value''
-===<span style="font-weight: normal;"><u><tt>SetRange</tt></u></span>===
-Set the minimum and maximum values of the scale
-'''Parameters'''
-:[[Variable Types|FLOAT]] ''Minimum''
-::Minimum value for the scale
-:[[Variable Types|FLOAT]] ''Maximum''
+''<span style="color:red;">No additional examples</span>''
-::Maximum value for the scale
-'''Return value'''
-:''This call does not return a value''
-==Property reference==
-<span style="font-weight: normal;"><u>Pointer</u></span>
-This property is of type ''Panel object'' and can be referenced with the variable name ''target_object''.
-Set another panel object to be a pointer that will rotate around the scale.
-Depending on the property 'Function' (below)....
-"Display" mode - the object acts as a pointer showing the values set by the "SetValue" macro.
+==Macro reference==
-"Control" mode - the object acts as a handle for mouse movements that will set the current value.
+===GetValue===
+{| 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;" | '''GetValue'''
+|-
+| colspan="2" | Get the current scale value - this will be the most recent value set using "SetValue", or from the most recent mouse click if the component is in "Control" mode.&nbsp;
+|-
+|-
+| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
+| width="90%" style="border-top: 2px solid #000;" | ''Return''
+|}
-<span style="font-weight: normal;"><u>Axis Object</u></span>
-This property is of type ''Panel object'' and can be referenced with the variable name ''axis_object''.
+===SetLabel===
+{| 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;" | '''SetLabel'''
+|-
+| colspan="2" | Set the label text for the scale&nbsp;
+|-
+|-
+| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
+| width="90%" | Label
+|-
+| colspan="2" | Text to display.as the component label.&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''
+|}
-An object to act as the centre of the arc, and rotation point of the 'Pointer' object.
-By default, the arc is drawn centrally, but by assigning an object here, the whole scale can be centred
+===SetRange===
+{| 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;" | '''SetRange'''
+|-
+| colspan="2" | Set the minimum and maximum values of the scale&nbsp;
+|-
+|-
+| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+| width="90%" | Minimum
+|-
+| colspan="2" | Minimum value for the scale&nbsp;
+|-
+| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+| width="90%" | Maximum
+|-
+| colspan="2" | Maximum value for the scale&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''
+|}
-around a different point.
-<span style="font-weight: normal;"><u>Function</u></span>
+===SetValue===
+{| 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;" | '''SetValue'''
+|-
+| colspan="2" | Set the pointer to the given value on the scale.  Returns the angle required to point at the given value.&nbsp;
+|-
+|-
+| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+| width="90%" | Value
+|-
+| colspan="2" | The value on the scale to move the pointer to.&nbsp;
+|-
+| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
+| width="90%" style="border-top: 2px solid #000;" | ''Return''
+|}
-This property is of type ''Fixed list of ints'' and can be referenced with the variable name ''is_control''.
-Choose the 'mode' of the component.
+==Property reference==
-"Display" mode - the arc can act as a value display, with the 'Pointer' object rotating to show incoming
+{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+|-
-value changes.
+| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
+| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
-"Control" mode - clicking on the scale, or 'Pointer' object, sets the value directly, which can be
+|-
+|-
-susequently read by the "GetValue" macro.
+| width="10%" align="center" | [[File:Fc9-type-17-icon.png]]
+| width="90%" | Pointer
-<span style="font-weight: normal;"><u>Canvas Shape</u></span>
+|-
+| colspan="2" | Set another panel object to be a pointer that will rotate around the scale. Depending on the property 'Function' (below).... "Display" mode - the object acts as a pointer showing the values set by the "SetValue" macro. "Control" mode - the object acts as a handle for mouse movements that will set the current value.&nbsp;
-This property is of type ''Fixed list of ints'' and can be referenced with the variable name ''canvas_shape''.
+|-
+| width="10%" align="center" | [[File:Fc9-type-17-icon.png]]
-Shape of the plane on which to draw the scale.
+| width="90%" | Axis Object
+|-
-<span style="font-weight: normal;"><u>Resolution</u></span>
+| colspan="2" | An object to act as the centre of the arc, and rotation point of the 'Pointer' object. By default, the arc is drawn centrally, but by assigning an object here, the whole scale can be centred around a different point.&nbsp;
+|-
-This property is of type ''Signed integer'' and can be referenced with the variable name ''resolution''.
+| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
+| width="90%" | Function
-The number of pixels per world unit of size.
+|-
+| colspan="2" | Choose the 'mode' of the component. "Display" mode - the arc can act as a value display, with the 'Pointer' object rotating to show incoming value changes. "Control" mode - clicking on the scale, or 'Pointer' object, sets the value directly, which can be susequently read by the "GetValue" macro.&nbsp;
-The scale is drawn as a bit-map, so this setting determines the level of detail vs. drawing speed and memory
+|-
+| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
-usage.
+| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Style
+|-
-<span style="font-weight: normal;"><u>BG Color</u></span>
+|-
+| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
-This property is of type ''Color picker with transparency'' and can be referenced with the variable name ''bg_color''.
+| width="90%" | Canvas Shape
+|-
-Color of the scale background.
+| colspan="2" | Shape of the plane on which to draw the scale.  &nbsp;
+|-
-<span style="font-weight: normal;"><u>Positive Color</u></span>
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
+| width="90%" | Resolution
-This property is of type ''Color picker'' and can be referenced with the variable name ''ink_color''.
+|-
+| colspan="2" | The number of pixels per world unit of size. The scale is drawn as a bit-map, so this setting determines the level of detail vs. drawing speed and memory usage.&nbsp;
-Color for arc and divisions for negative values.
+|-
+| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
-<span style="font-weight: normal;"><u>Negative Color</u></span>
+| width="90%" | BG Color
+|-
-This property is of type ''Color picker'' and can be referenced with the variable name ''neg_color''.
+| colspan="2" | Color of the scale background.&nbsp;
+|-
-Color for the arc and divisions for positive values.
+| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+| width="90%" | Positive Color
-<span style="font-weight: normal;"><u>Label Color</u></span>
+|-
+| colspan="2" | Color for arc and divisions for negative values.&nbsp;
-This property is of type ''Color picker'' and can be referenced with the variable name ''label_color''.
+|-
+| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
-Color for the component label text.
+| width="90%" | Negative Color
+|-
-<span style="font-weight: normal;"><u>Radius %</u></span>
+| colspan="2" | Color for the arc and divisions for positive values.&nbsp;
+|-
-This property is of type ''Signed integer'' and can be referenced with the variable name ''arc_radius''.
+| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+| width="90%" | Label Color
-Radius of the arc line as a percentage of the component's shortest dimension.
+|-
+| colspan="2" | Color for the component label text.&nbsp;
-<span style="font-weight: normal;"><u>Start Angle</u></span>
+|-
+| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
-This property is of type ''Signed integer'' and can be referenced with the variable name ''arc_start''.
+| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Arc
+|-
-Start angle of the sweep, where the minimum value will appear.
+|-
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
-Measured in degrees, anti-clockwise from the positive X-axis.
+| width="90%" | Radius %
+|-
-<span style="font-weight: normal;"><u>Sweep</u></span>
+| colspan="2" | Radius of the arc line as a percentage of the component's shortest dimension.&nbsp;
+|-
-This property is of type ''Signed integer'' and can be referenced with the variable name ''arc_sweep''.
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
+| width="90%" | Start Angle
-The number of degrees between the minimum value and the maximum value.
+|-
+| colspan="2" | Start angle of the sweep, where the minimum value will appear. Measured in degrees, anti-clockwise from the positive X-axis.&nbsp;
-<span style="font-weight: normal;"><u>Thickness</u></span>
+|-
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
-This property is of type ''Floating point'' and can be referenced with the variable name ''arc_thick''.
+| width="90%" | Sweep
+|-
-Thickness of the arc line.
+| colspan="2" | The number of degrees between the minimum value and the maximum value.&nbsp;
+|-
-<span style="font-weight: normal;"><u>Show</u></span>
+| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
+| width="90%" | Thickness
-This property is of type ''True or false'' and can be referenced with the variable name ''show_arc''.
+|-
+| colspan="2" | Thickness of the arc line.&nbsp;
-Whether to show or hide the arc.
+|-
+| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
-<span style="font-weight: normal;"><u>Divisions</u></span>
+| width="90%" | Show
+|-
-This property is of type ''Signed integer'' and can be referenced with the variable name ''marks_count''.
+| colspan="2" | Whether to show or hide the arc.&nbsp;
+|-
-Number of main divisions around the scale - these divisions can be numbered.
+| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Marks
-<span style="font-weight: normal;"><u>Radius %</u></span>
+|-
+|-
-This property is of type ''Signed integer'' and can be referenced with the variable name ''marks_radius''.
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
+| width="90%" | Divisions
-Radius of the division ends - they are drawn from here to their intersection with the arc.
+|-
+| colspan="2" | Number of main divisions around the scale - these divisions can be numbered.&nbsp;
-% of the component size.
+|-
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
-<span style="font-weight: normal;"><u>Thickness</u></span>
+| width="90%" | Radius %
+|-
-This property is of type ''Floating point'' and can be referenced with the variable name ''divs_thick''.
+| colspan="2" | Radius of the division ends - they are drawn from here to their intersection with the arc. % of the component size.&nbsp;
+|-
-Thickness of main (numbered) division lines.
+| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
+| width="90%" | Thickness
-<span style="font-weight: normal;"><u>Subdivisions</u></span>
+|-
+| colspan="2" | Thickness of main (numbered) division lines.&nbsp;
-This property is of type ''Signed integer'' and can be referenced with the variable name ''marks_subdiv''.
+|-
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
-Number of smaller divisions between each main division.  Set to zero if not required.
+| width="90%" | Subdivisions
+|-
-<span style="font-weight: normal;"><u>Subs Radius %</u></span>
+| colspan="2" | Number of smaller divisions between each main division.  Set to zero if not required.&nbsp;
+|-
-This property is of type ''Signed integer'' and can be referenced with the variable name ''subdiv_radius''.
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
+| width="90%" | Subs Radius %
-Radius of the small division ends.  They are drawn from here to their intersection with the arc.
+|-
+| colspan="2" | Radius of the small division ends.  They are drawn from here to their intersection with the arc. % of component size.&nbsp;
-% of component size.
+|-
+| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
-<span style="font-weight: normal;"><u>Subs Thickness</u></span>
+| width="90%" | Subs Thickness
+|-
-This property is of type ''Floating point'' and can be referenced with the variable name ''subs_thick''.
+| colspan="2" | Thickness of sub-division lines.&nbsp;
+|-
-Thickness of sub-division lines.
+| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
+| width="90%" | Show
-<span style="font-weight: normal;"><u>Show</u></span>
+|-
+| colspan="2" | Whether to show or hide the division markings.&nbsp;
-This property is of type ''True or false'' and can be referenced with the variable name ''show_marks''.
+|-
+| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
-Whether to show or hide the division markings.
+| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Numbers
+|-
-<span style="font-weight: normal;"><u>Maximum</u></span>
+|-
+| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
-This property is of type ''Floating point'' and can be referenced with the variable name ''val_max''.
+| width="90%" | Maximum
+|-
-Maximum value to show on the display.
+| colspan="2" | Maximum value to show on the display.&nbsp;
+|-
-<span style="font-weight: normal;"><u>Minimum</u></span>
+| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
+| width="90%" | Minimum
-This property is of type ''Floating point'' and can be referenced with the variable name ''val_min''.
+|-
+| colspan="2" | Minimum value to show on the display.&nbsp;
-Minimum value to show on the display.
+|-
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
-<span style="font-weight: normal;"><u>Decimals</u></span>
+| width="90%" | Decimals
+|-
-This property is of type ''Signed integer'' and can be referenced with the variable name ''dec_places''.
+| colspan="2" | Number of decimal places to show on the number values.&nbsp;
+|-
-Number of decimal places to show on the number values.
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
+| width="90%" | Radius %
-<span style="font-weight: normal;"><u>Radius %</u></span>
+|-
+| colspan="2" | Radius from the centre to place the number values. % of component size.&nbsp;
-This property is of type ''Signed integer'' and can be referenced with the variable name ''num_radius''.
+|-
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
-Radius from the centre to place the number values.
+| width="90%" | Text Size %
+|-
-% of component size.
+| colspan="2" | Height of number text - % of component size.&nbsp;
+|-
-<span style="font-weight: normal;"><u>Text Size %</u></span>
+| width="10%" align="center" | [[File:Fc9-type-3-icon.png]]
+| width="90%" | Font
-This property is of type ''Signed integer'' and can be referenced with the variable name ''num_size''.
+|-
+| colspan="2" | Font for the number values.&nbsp;
-Height of number text - % of component size.
+|-
+| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
-<span style="font-weight: normal;"><u>Font</u></span>
+| width="90%" | Show
+|-
-This property is of type ''Font picker'' and can be referenced with the variable name ''num_font''.
+| colspan="2" | Show or hide the number values.&nbsp;
+|-
-Font for the number values.
+| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
-<span style="font-weight: normal;"><u>Show</u></span>
+|-
+|-
-This property is of type ''True or false'' and can be referenced with the variable name ''show_numbers''.
+| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
+| width="90%" | Text
-Show or hide the number values.
+|-
+| colspan="2" | A text label to help identify the display.&nbsp;
-<span style="font-weight: normal;"><u>Text</u></span>
+|-
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
-This property is of type ''Line of text'' and can be referenced with the variable name ''label_text''.
+| width="90%" | Radius %
+|-
-A text label to help identify the display.
+| colspan="2" | Radius to place the label - % of component size.&nbsp;
+|-
-<span style="font-weight: normal;"><u>Radius %</u></span>
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
+| width="90%" | Angle
-This property is of type ''Signed integer'' and can be referenced with the variable name ''label_radius''.
+|-
+| colspan="2" | Angle at which to place the label - degrees anti-clockwise from the positive X-axis.&nbsp;
-Radius to place the label - % of component size.
+|-
+| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
-<span style="font-weight: normal;"><u>Angle</u></span>
+| width="90%" | Text Size %
+|-
-This property is of type ''Signed integer'' and can be referenced with the variable name ''label_angle''.
+| colspan="2" | Height of the label font - % of component size.&nbsp;
+|-
-Angle at which to place the label - degrees anti-clockwise from the positive X-axis.
+| width="10%" align="center" | [[File:Fc9-type-3-icon.png]]
+| width="90%" | Font
-<span style="font-weight: normal;"><u>Text Size %</u></span>
+|-
+| colspan="2" | Font for the text label.&nbsp;
-This property is of type ''Signed integer'' and can be referenced with the variable name ''label_size''.
+|-
+| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
-Height of the label font - % of component size.
+| width="90%" | Show
+|-
-<span style="font-weight: normal;"><u>Font</u></span>
+| colspan="2" | Show or hide the text label.&nbsp;
+|-
-This property is of type ''Font picker'' and can be referenced with the variable name ''label_font''.
+| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Buttons
-Font for the text label.
+|-
+|-
-<span style="font-weight: normal;"><u>Show</u></span>
+| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
+| width="90%" | Show Buttons
-This property is of type ''True or false'' and can be referenced with the variable name ''show_label''.
+|-
+| colspan="2" | Controls if the adjustment buttons are shown on the scale arc or not.&nbsp;
-Show or hide the text label.
+|-
+| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
+| width="90%" | Adjustment Value
+|-
+| colspan="2" | Sets the button adjustment value, will round the value to the nearest whole adjustment. For example with an adjustment of 1,0 the adjustment buttons will jump to the next whole number.&nbsp;
+|}