background

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 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Header-LinearGauge
  • 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

All Kendo UI for jQuery Components

Next Steps

Next Steps