JavaScript/jQuery CircularGauge - scale.label

Scale labels represent textual values for major scale ticks. The label object exposes properties that allow you to specify custom text for scale labels and properties to change the text font.

View Demo

See Also

• Data Formatting

See the format section for details on accepted values.

See Also

• Data Formatting

Use the GaugeOverlappingBehavior enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: HideFirstLabel and HideLastLabel.

When scale labels overlap each other, you can rearrange them by setting this option to one of the following values.

• hide
  Hides certain scale labels leaving more space for the others.
• none
  Leaves scale labels overlapped.

Use the ScaleLabelOverlappingBehavior enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Hide and None.

To paint all scale labels in a single color, you can use the color option of the font object. Alternatively, you can paint scale labels similarly to ranges in the range container. For this purpose, assign true to the useRangeColors option.