• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

CircularScale

The scale options of the Gauge.

NameTypeDefaultDescription

labels?

RadialLabels

Configures the scale labels.

majorTicks?

Ticks

Configures the major scale ticks.

majorUnit?

number

The interval between major divisions.

max?

number

The maximum value of the scale.

min?

number

The minimum value of the scale.

minorTicks?

Ticks

Configures the minor scale ticks.

minorUnit?

number

The interval between minor divisions.

rangeDistance?

number

The distance between the range indicators and the ticks.

rangeLineCap?

LineCap

The lineCap style of the ranges.

rangePlaceholderColor?

string

The default color of the ranges.

rangeSize?

number

The width of the range indicators.

reverse?

boolean

Reverses the scale direction.

startAngle?

number

The starting angle of the Gauge. The Gauge is rendered clockwise (0 degrees equal 180 degrees in the polar coordinate system).