Kendo UI for jQuery LinearGauge Overview
The LinearGauge represents values on a linear scale.
All graphics render on the client by using the Scalable Vector Graphics (SVG) format.
The LinearGauge 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 LinearGauge
To create the LinearGauge, use a div element and, optionally, set a height and width by using CSS.
<div id="linear-gauge"></div>
The following example demonstrates how to initialize the LinearGauge with its default configuration.
$(document).ready(function() {
$("#linear-gauge").kendoLinearGauge();
});
</p>
The following example demonstrates how to create a horizontal LinearGauge with a value of 20 and a minimum value of 10.
$("#linear-gauge").kendoLinearGauge({
pointer: {
value: 20
},
scale: {
min: 10,
vertical: false
}
});