• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
Essential JS 2
All Controls

Example for Gauge Customization in ASP.NET Core CircularGauge Control

This sample illustrates how to customize the gauge with pointers. Options to change the color and type of the pointer are available in the property panel.

Customized gauge 1
Customized gauge 2
Current Value    1800
RangeBar Color
Range Color
Pointer Color

In this example, you can see how to customize the gauge elements such as pointers and range. Here a needle and range bar are added to show the current value and its appearance can be customized by using options in property panel.

More information on the range and pointer customization can be found in this documentation section.