background

Kendo UI for jQuery

jQuery RadialGauge

  • Represent data on a circular arc similar to a speedometer with this sleek and customizable Angular gauge component.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Header-RadialGauge
  • Overview

    The Kendo UI for jQuery 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 the jQuery RadialGauge Overview demo

    radialgauge---overview
  • Export to PDF, Image, SVG

    Thanks to the built-in integration with the Kendo UI for jQuery Drawing library, you can export the Radial Gauge as a PDF file, an SVG file or as an image.

    See the jQuery RadialGauge Export demo

  • Scale Options

    Make the Gauge show exactly what your users need. Visual properties include show/hide labels, label location, numeric ranges, and start/end angle.

    See the jQuery RadialGauge Scale Options demo

  • Multiple Pointers

    Leverage the rich Kendo UI for jQuery RadialGauge pointers collection to showcase multiple pointers within a single gauge. Pointers can be assigned to individual values and colors to help distinguish between various pieces of data.

    See the jQuery RadialGauge Multiple Pointer demo

    multiple-pointers-radialgauge

All Kendo UI for jQuery Components

Next Steps

Next Steps