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
- - Overview
  - ArcGauge
  - CircularGauge
  - LinearGauge
  - RadialGauge
  - Export
  - Appearance
  - Globalization
  - API
- 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

Components / Gauges / API / CircularGaugeProps /

New to Kendo UI for Vue? Start a free 30-day trial

CircularGaugeProps

Represents the props of the Kendo UI for Vue CircularGauge component.

Name	Type	Default	Description
centerRender?	`any`		A function that renders the center template of the Gauge.
color?	`string`		The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
colors?	`ColorRange[]`		The color ranges of the value pointer (see example).
dir?	`string`		Represents the `dir` HTML attribute.
opacity?	`number`		The opacity of the value pointer.
pointer?	`object`
renderAs?	`string`		Sets the preferred rendering engine. If not supported by the browser, the Gauge switches to the first available mode. The supported values are: `"svg"`—If available, renders the component as an inline `.svg` file. `"canvas"`—If available, renders the component as a `canvas` element.
scale?	`CircularScale`		The scale options of the CircularGauge.
transitions?	`boolean`		If set to `true`, the Gauge plays animations when it displays the series. By default, animations are enabled.
value	`number`		The value of the Gauge.

Is this article helpful?

Thank you for your feedback!