Kendo UI for Vue ArcGauge Overview

The Kendo UI for Vue ArcGauge represents value ranges on the arc.

Compared to the Radial Gauge, this gauge uses a colored arc instead of an arrow pointer. This leaves the center free for a user-defined Center Template.

The Kendo UI for Vue Native ArcGauge component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-gauges package.

Basic Usage

The following example demonstrates the ArcGauge in action.

Change Theme

Theme

Loading ...

Functionality and Features

• Center template
• Color ranges
• Scale options
• Appearance
• Globalization

Support and Learning Resources

• ArcGauge Homepage
• API Reference of the ArcGauge
• 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

Additional Resources

• Vue Blogs
• Kendo UI for Vue Roadmap