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]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]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Ranges

In many cases, you may wish to visually identify specific ranges of values along scales in analog gauges (circular and linear). For instance, you may want to mark some safe or critical value ranges. This feature can easily be implemented via custom ranges.

Expanded Ranges Overview

Ranges allow you to mark certain value ranges in circular and linear gauges. Visually, they are displayed as bars along scales. These bars can be rectangular in linear gauges or rounded in circular gauges.

In the following image, a circular gauge contains two range bars (green and red), and a linear gauge contains three range bars (green, yellow and red).

Ranges belong to a scale and can be created and accessed via the scale's Ranges collection (ArcScale.Ranges or LinearScale.Ranges).

In circular gauges, ranges are represented by ArcScaleRange class objects, and in linear gauges these are represented by LinearScaleRange class objects.

To create a range at design time, do the following.

  • 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.

  • In the Scales - Element Designer, click the Ranges... button, as shown below.

The Scale Ranges editor allows you to create new, delete or customize existing ranges.

Each range provides properties that allow its visual options to be modified. The main properties are:

Expanded See Also

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