Kendo UI for jQuery ArcGauge Overview

The ArcGauge represents a value on a circular arc.

All graphics render on the client by using the Scalable Vector Graphics (SVG) format.

Kendo UI for jQuery Kendoka image

The ArcGauge is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the ArcGauge

To create the ArcGauge, use a div element and, optionally, set a height and width by using CSS.

<div id="arc-gauge"></div>

The following example demonstrates how to initialize the ArcGauge with its default configuration.

$(document).ready(function() {
    $("#arc-gauge").kendoArcGauge();
});

Functionality and Features

See Also

In this article