Ticks in EJ 1 Angular PivotGauge
28 Sep 2017 / 2 minutes to read
Adding Tick Collection
Tick collection can be directly added to the scales option within the PivotGauge widget as an array.
<ej-pivotgauge [scales]="scales" >
</ej-pivotgauge>
//..
export class PivotGaugeComponent {
public scales;
constructor() {
//..
this.scales = [{
//...
ticks: [{
type: "major"
}]
}];
}
}
Tick Customization
The appearance of the tick can be customized through the following properties.
- type – indicates whether ticks are for major or minor intervals. By default, the type is “major”.
- height – sets the height of the ticks.
- width – sets the width of the ticks.
- angle – rotates the ticks to a specified angle. By default, the angle value is 0.
- color – displays the ticks in specified color.
- distanceFromScale – sets the distance between scale and ticks. By default, the values is 0.
- placement – positions the ticks with respect to the scale. By default, the value is set to “far”.
//..
export class PivotGaugeComponent {
public scales;
constructor() {
//..
this.scales = [{
//...
ticks: [{
type: "major",
height: 15,
width: 4,
angle: 0,
color: "green",
distanceFromScale: 2,
placement: "near"
}]
}];
}
}
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page