Skip to main content
Version: 7.9

Linear Scale

Component Palette Icon

The Linear Scale component has two main purposes. The first is to display a series of tick marks and labels that visually represent a linear range between a minimum value and a maximum value. The second purpose is to display indicators that represent a value or range of values, correctly positioned on the linear scale.

To configure the indicators, use the Linear Scale Customizer which is described below. To configure the tick marks, use the Linear Scale's various properties in the Property Editor that determine the minimum value, maximum value, and the various tick mark spans.

Note that there is no tall/wide option for this component. This is based on the width/height of the component. A tall Linear Scale has tick marks on the left or right, and a wide component has tick marks on the top or bottom.


NameDescriptionProperty TypeScriptingCategory
AntialiasDraw with antialias on? Makes text smoother.boolean.antialiasAppearance
BorderThe border surrounding this component. NOTE that the border is unaffected by rotation.Border.borderCommon
CursorThe mouse cursor to use when hovering over this
Data QualityThe data quality code for any tag bindings on this
Fine Tick ColorThe line color for fine ticks.Color.fineTickColorAppearance
Fine Tick LengthThe line length for fine ticks, in pixels.double.fineTickLengthAppearance
Fine Tick SpanThe span length for fine ticks. Should be a factor of the major and minor tick spans. Use zero to disable fine ticks.double.fineTickSpanData
Fine Tick ThicknessThe line thickness for fine ticks, in pixels.float.fineTickStrokeAppearance
IndicatorsThis dataset stores the indicators (if any) for the scale.Dataset.indicatorsData
Label AngleChanges the angle that the labels are
Label ColorThe color used for drawing tick labels.Color.majorTickLabelColorAppearance
Label FontThe font used for drawing tick labels.Font.majorTickFontAppearance
Label FormatThe label format string. Examples: "%.1f" will render numbers like "15.0", "%.0f" will render numbers like "15". Using the empty string "" will disable the labels.String.majorTickLabelFormatAppearance
Major Tick ColorThe line color for major ticks.Color.majorTickColorAppearance
Major Tick LengthThe line length for major ticks, in pixels.double.majorTickLengthAppearance
Major Tick SpanThe span length for major ticks. Should be a multiple of the minor and fine tick spans.double.majorTickSpanData
Major Tick ThicknessThe line thickness for major ticks, in pixels.float.majorTickStrokeAppearance
MarginThe margin to leave blank as a percentage of the total height or width of the scale.double.marginAppearance
Max ValueThe upper bound of the scale.double.maxValueData
Min ValueThe lower bound of the scale.double.minValueData
Minor Tick ColorThe line color for minor ticks.Color.minorTickColorAppearance
Minor Tick LengthThe line length for minor ticks, in pixels.double.minorTickLengthAppearance
Minor Tick SpanThe span length for minor ticks. Should be a factor of the major tick span and a multiple of the fine tick spans. Use zero to disable minor ticks.double.minorTickSpanData
Minor Tick ThicknessThe line thickness for minor ticks, in pixels.float.minorTickStrokeAppearance
MirrorMirror the scale so it paints against the opposite edge.boolean.mirrorAppearance
Mouseover TextThe text that is displayed in the tooltip which pops up on mouseover of this component.String.toolTipTextCommon
NameThe name of this component.String.nameCommon
Reverse RangeReverse the scale so that values go from high to low instead of low to high.boolean.reverseRangeAppearance
VisibleIf disabled, the component will be hidden.boolean.visibleCommon


Scripting Functions

This component does not have scripting functions associated with it.

Extension Functions

This component does not have extension functions associated with it.

Event Handlers

Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the Component Events page


The Linear Scale component has a special customizer called the Linear Scale Customizer. The customizer is where you configure the indicators that visually represent how your data is displayed on the scale. You can choose from several indicator styles: Arrow, Line, Range, and Wedge. There are a number of properties available to customize the appearance of your data on the Linear Scale. Not all Linear Scale Customizer properties are available with all indicator styles. The property will be grayed out if it is not available for that particular indicator. Use the preview window to validate the style you want to use for your data.

To make your indicator values dynamic, you can use a Cell Update binding on the Indicators property of this component.

Linear Scale Customizer - Property Descriptions

Indicator StyleThere are four indicator styles to choose from: Arrow, Line, Range, and Wedge.
  • Arrow: A line with an arrow head at the given value
  • Line: A basic flat line at the given value
  • Range: a rectangle displayed with the given value at the bottom and a height equal to the Extent
  • Wedge: a wedge shape centered on the given value and a height equal to the Extent
ValueThe position of the indicator.
ExtentOverall thickness of the indicator. Not valid for a Line style.
LengthThe number of pixels to draw the indicator starting at the component edge.
WidthThickness of the line in the indicator. Only valid for Arrow and Line styles.
LabelName displayed next to the indicator.
Label AngleThe angle of the label specified in degrees.
ColorColor of the indicator.
Label ColorColor of the indicator Label.


In this example, the Linear Scale displays indicators for high and low levels. A Cell Update Binding was used on an Arrow indicator to make the "Current" level value dynamic.

Vertical Scale with Blue Indicators