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

Multiple Pointers

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.

<div id="gauge"></div>
    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'

See Also

In this article