Ticks

24 May 20192 minutes to read

Adding tick collection

The tick collection can be directly added to the scales option within the pivot gauge widget as an array.

JAVASCRIPT

$("#PivotGauge1").ejPivotGauge({
        //...
        scales: [{
            //...
            ticks: [{
                type: "major"
            }]
        }]
    });

Tick customization

The appearance of the tick can be customized through the following properties:

• type – indicates whether ticks are provided 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 a specified color.
• distanceFromScale – sets the distance between the 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.

JAVASCRIPT

$("#PivotGauge1").ejPivotGauge({
        //...
        scales: [{
            //...
            ticks: [{
                type: "major",
                height: 15,
                width: 4,
                angle: 0,
                color: "green",
                distanceFromScale: 2,
                placement: "near"
            }]
        }]
    });