background

Kendo UI for Angular

Angular LinearGauge

  • Represent data on a linear scale with one or more bars with this sleek and customizable Angular gauge component.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
LinearGauge
  • Show Data Values on a Linear Scale

    The Kendo UI for Angular 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 Angular Linear Gauge Overview demo.

    Kendo UI for Angular LinearGauge - Overview
  • Orientation

    The Kendo UI for Angular LinearGauge can be rendered in both horizontal and vertical modes.

    See Angular Linear Gauge Orientation demo.

    Kendo UI for Angular LinearGauge - Orientation
  • Scale Ranges

    You can set a unique color for each range in the Kendo UI for Angular LinearGauge, allowing the rendered bars to dynamically change color depending on their value.

    See Angular Linear Gauge Scale Ranges demo.

    Kendo UI for Angular LinearGauge - Scale Ranges
  • Scale Options

    Every aspect of the Kendo UI for Angular LinearGauge can be customized by interacting with the various configuration options. You can customize the overall color, the series of colors for different ranges, scale and tick line colors, label colors, just to name a few.

    See Angular LinearGauge Scale Options demo.

    Kendo UI for Angular LinearGauge - Scale Options
  • Multiple Pointers

    Values of the Kendo UI for Angular 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 Angular Linear Gauge Multiple Pointers demo.

    Kendo UI for Angular LinearGauge - Multiple Pointers
  • Export Options

    With the built-in integration with the Kendo UI for Angular Drawing library, you can export the Kendo UI for Angular LinearGauge component to various image formats, such as an SVG file or as part of a PDF file.

    See Angular Linear Gauge Export Options demo.

    Kendo UI for Angular LinearGauge - Export Options
  • Globalization

    The Kendo UI for Angular LinearGauge supports right-to-left rendering as well as language customization of any labels, ensuring that the Angular component can fit any language or locale requirement.

    See Angular LinearGauge Globalization demo.

    Kendo UI for Angular LinearGauge - Globalization

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka