background

Kendo UI for Vue

Vue RadialGauge

  • Represent key data on a circular arc with a pointer with this highly customizable Vue component.
  • Part of the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
First Steps
Docs & Demos
RadialGauge

  • Overview

    The Kendo UI for Vue Radial Gauge is a visualization tool that enables you to display values on a circular arc. A centralized pointer will indicate the current value, just like a traditional speedometer in a car. The gauge can animate the pointer to various values, provides support for multiple pointers and allows you to customize the colors, scale ranges, number of pointers and more elements through the configuration options.

    See Vue RadialGauge Overview demo.

    radialgauge-overview

  • Scale Ranges

    To tell a great visual story, you can set multiple ranges and set a unique color for each ranges segment on the scale.

    See the Vue RadialGuage Scale Ranges demo

    scale-ranges-radialgauge

  • Multiple Pointers

    Highlight multiple values on the Radial Gauge with multiple pointers. Each can be its own color to differentiate the values.

    See the Vue RadialGuage Multiple Pointers demo

    multiple-pointers-radialgauge

  • Export to PDF, Image, SVG

    Thanks to built-in methods, you can export the RadialGauge to various formats, including images, PDF and SVG files.

    See the Vue Gauges Export demos

    export-options-radialgauge

  • Globalization

    All of the Kendo UI for Vue gauges supports right-to-left rendering, message localization, and automatic local symbology and formatting. This ensures that they can fit into any globalization scenario.

    See the Vue Gauges Globalization demos

    globalization-radialgauge
Next Steps

Get Started with Kendo UI for Vue

First Steps
Docs & Demos
Kendo UI for Vue - Kendoka