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

LinearPointerComponent

Component

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

Definition

Package:@progress/kendo-angular-gauges

Selector:kendo-lineargauge-pointer

Syntax:

html

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

Inputs

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.