New to Kendo UI for jQuery? Start a free 30-day trial

Multiple Pointers

Updated on Dec 10, 2025

The LinearGauge enables you to highlight multiple values by rendering multiple pointers.

You can independently customize each pointer including its current value, color, and shape.

html

<div id="gauge"></div>
<script>
  $("#gauge").kendoLinearGauge({
    pointer: [{
      value: 10,
      color: 'red',
      shape: 'arrow'
    }, {
      value: 20,
      color: '#28b4c8',
      margin: 18,
      size: 5
    }, {
      value: 30,
      color: '#78d237',
      size: 15
    },{
      value: 37,
      color: 'purple'
    },{
      value: 47,
      color: 'green',
      shape: 'arrow'
    }]
  });
</script>

Multiple Pointers

See Also