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

LinearPointerComponent

Updated on Nov 4, 2025

Represents the configuration options for a pointer item of a LinearGauge.

html

<kendo-lineargauge>
   <kendo-lineargauge-pointers>
         <kendo-lineargauge-pointer [value]="35" color="#ff4500" shape="barIndicator">
         </kendo-lineargauge-pointer>
   </kendo-lineargauge-pointers>
</kendo-lineargauge>

Selector

kendo-lineargauge-pointer

Inputs

Name	Type	Description
border?	`Border`	Configures the border settings of the pointer.
color?	`string`	Specifies the color of the pointer.
margin?	`number \| Margin`	Sets the margin of the pointer. You can set this option to a number or an object with specific margin values.
opacity?	`number`	Controls the transparency of the pointer. The value ranges from 0 (transparent) to 1 (opaque).
shape?	`LinearPointerShape`	Defines the shape of the pointer.
size?	`number`	Sets the size of the pointer in pixels.
value?	`number`	Specifies the value that the pointer displays on the scale.