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

RadialPointerComponent

Component

Represents the configuration options for a pointer in the RadialGauge.

Definition

Package:@progress/kendo-angular-gauges

Selector:kendo-radialgauge-pointer

Syntax:

html

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

Inputs

cap

Cap

Defines the settings for the cap.

color

string

Sets the color of the pointer. Accepts valid CSS color strings, including hex and rgb.

length

number

Sets the pointer length in percent based on the distance to the scale. The default length of 1 means that the pointer exactly reaches the scale. Accepts values between 0.1 and 1.5.

value

number

Sets the pointer value.