Kendo UI for jQuery

jQuery LinearGauge

  • Represent data on a vertical or horizontal linear scale with one or more bars with this sleek and customizable Angular gauge component.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
Header-LinearGauge
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for jQuery LinearGauge shows values on a linear scale, usually represented as one or several bars along with tick lines and labels to provide users with additional context. The Angular Linear Gauge can be rendered in both horizontal and vertical modes.

    See the jQuery Linear Gauge Overview demo

    lineargauge-overview
  • Export to PDF, Image, SVG

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

    See the jQuery Linear Gauge Export demo

  • Scale Options

    Make the Gauge show exactly what your users need. Visual properties including the colors of the labels and ticks, whether labels and ticks are displayed at all, or whether the Gauge’s orientation is horizontal or vertical can easily be modified.

    See the jQuery Linear Gauge Scale Options demo

    scale-options-linear-gauge
  • Multiple Pointers

    Values of the Kendo UI for jQuery LinearGauge can be displayed along the scale in various shapes, such as a bar and a pointer, usually a triangle. These pointers can be part of a collection, allowing for multiple pointers to be displayed on a single Angular Linear Gauge.

    See the jQuery Linear Gauge Multiple Pointer demo

    multiple-pointers-lineargauge