Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Collapse]Gauges
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Expand]Gauge Types
    [Collapse]Gauge Elements
      Scales
      Ranges
      Labels
      Value Indicators
    [Expand]Appearance
     Data Binding
     Layout Customization
   [Expand]Visual Elements
   [Expand]Design-time Features
   [Expand]Examples
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Scales

This topic provides basic information on gauge scales (circular and linear), and explains how scales can be accessed and customized at design time.

A scale is the fundamental element of analog gauges (circular and linear) because all other elements can be placed on it.

There are two types of scales in analog gauges: Arc Scale and Linear Scale. Each scale type defines the gauge layout and appearance.

Expanded Arc Scale

This scale is used in the CircularGauge control. It is represented by the ArcScale class object.

An Arc Scale has different shape types: full circular, half-circular, quarter-circular, three-fourth circular and wide circular.

The following image shows some of these types.

For more information, see the Circular Gauges Types topic.

An Arc Scale consists of tickmarks (both major and minor) and scale labels. A list of scale items can be extended by adding static and dynamic gauge elements (so called Value Indicators) into the arc scale.

In contrast to dynamic elements, static elements cannot be animated.

The following is the list of static gauge elements:

  • tickmarks;
  • custom and scale labels;
  • ranges;
  • layers;
  • spindle cap.

The dynamic gauge elements (value indicators) include:

  • needles;
  • markers;
  • range bars.

An Arc Scale can contain numerous scales within a circular gauge.

The image below demonstrates a typical circular gauge containing two arc scales with a background layer, tickmarks, markers, ranges, needle, and a scale custom label inside it.

For more information, see the Circular Gauge Elements topic.

Expanded Linear Scale

This scale is intended to be used with the LinearGauge. An instance of a linear scale is represented by the LinearScale object.

The following linear scale shape types are available in the Gauges component: vertical and linear.

To learn more, see the Linear Gauges Types topic.

As you can see from the image above, a linear gauge can contain numerous scales.

Like an arc scale, all elements of a linear scale can be divided into two groups: static and dynamic (Value Indicators).

A linear scale contains the following static elements:

  • tickmarks;
  • custom and scale labels;
  • ranges;
  • background and effect layers.

Level bar, markers and range bars can be animated on a linear scale because they belong to dynamic gauge elements.

The following image demonstrates a linear scale with a level bar, tickmarks, three ranges, background layer inside it.

To learn more, see the Linear Gauge Elements topic.

Expanded Scale Customization

The Gauge scale can be accessed at design time using a scale designer.

To load Scales - Element Designer, locate the Gauge control's smart tag and click Customize Gauge Control....

Then, in the Visual Gauge Control Designer, locate the scale's smart tag and click Run Designer.

Scales - Element Designer allows you to customize scale's appearance, geometry, and contains ranges and labels editors.

See the Arc Scale designer below.

To learn more, refer to the Designer topic.

Expanded See Also

How would you rate this topic?​​​​​​​