RadialGauge Overview

The RadialGauge represents values on a circular arc.

All graphics render on the client in the Scalable Vector Graphics (SVG) format.

The RadialGauge wrapper for Vue is a client-side wrapper for the Kendo UI RadialGauge widget.

Basic Usage

The following example demonstrates the RadialGauge in action.

<div id="vueapp" class="vue-app">
    <div class="example-config">
        <kendo-slider v-model="value"
        <label for="value">Value</label>
    <kendo-radialgauge ref="radialgauge"
        <kendo-radialgauge-pointer :value="20" :color="'#ff6358'"></kendo-radialgauge-pointer>
new Vue({
    el: '#vueapp',
     data: {
        value: 20
    watch: {
        'value': function (newValue){

Functionality and Features

In this article