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

Scale.majorTicks

configuration

Configures the scale major ticks.

scale.majorTicks

Object

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    pointer: [{
        value: 70
    }],
    scale: {
        majorTicks: {
            color: "#ff0000",
            size: 10,
            width: 2,
            visible: true
        }
    }
});
</script>

scale.majorTicks.color

String

The color of the major ticks.

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    pointer: [{
        value: 50
    }],
    scale: {
        majorTicks: {
            color: "#00aa00"
        }
    }
});
</script>

scale.majorTicks.size

Number

The major tick size. This is the length of the line in pixels that is drawn to indicate the tick on the scale.

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    pointer: [{
        value: 30
    }],
    scale: {
        majorTicks: {
            size: 15
        }
    }
});
</script>

scale.majorTicks.visible

Boolean

The visibility of the major ticks. Any valid CSS color string will work here, including hex and rgb.

Default: true

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    pointer: [{
        value: 85
    }],
    scale: {
        majorTicks: {
            visible: false
        }
    }
});
</script>

scale.majorTicks.width

Number

The width of the major ticks.

Default: 0.5

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    pointer: [{
        value: 60
    }],
    scale: {
        majorTicks: {
            width: 3
        }
    }
});
</script>