Kendo UI for Vue CircularGauge Overview
The Kendo UI for Vue CircularGauge represents a value by using an arc over a fully enclosed circle.
This gauge type is very similar to the Arc Gauge and supports a similar set of features.
Compared to the Radial Gauge, this gauge uses a colored arc instead of an arrow pointer. This leaves the gauge's center free for a user-defined Center Template.
The Kendo UI for Vue CircularGauge component is part of the Kendo UI for Vue Native library of Vue UI components. It is distributed through NPM under the kendo-vue-gauges package.
Basic Usage
The following example demonstrates the CircularGauge in action.
Example
View Source
Change Theme:
Functionality and Features
Support and Learning Resources
- CircularGauge Homepage
- API Reference of the CircularGauge Component
- Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
- Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)
- Virtual Classroom (Training Course for Registered Users)
- Gauges Forum
- Knowledge Base
- Kendo UI Productivity Tools extension for VS Code
