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

Scale.minorTicks

configuration

Configures the scale minor ticks.

scale.minorTicks

Object

<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
    pointer: {
        value: 30
    },
    scale: {
        min: 0,
        max: 50,
        minorTicks: {
            color: "#9e9e9e",
            size: 5,
            width: 1,
            visible: true
        }
    }
});
</script>

scale.minorTicks.color

String

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

<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
    pointer: {
        value: 30
    },
    scale: {
        min: 0,
        max: 50,
        minorTicks: {
            color: "#607d8b"
        }
    }
});
</script>

scale.minorTicks.size

Number

The minor 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").kendoLinearGauge({
    pointer: {
        value: 30
    },
    scale: {
        min: 0,
        max: 50,
        minorTicks: {
            size: 3,
            color: "#795548"
        }
    }
});
</script>

scale.minorTicks.visible

Boolean

The visibility of the minor ticks.

Default: true

<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
    pointer: {
        value: 30
    },
    scale: {
        min: 0,
        max: 50,
        minorTicks: {
            visible: false
        }
    }
});
</script>

scale.minorTicks.width

Number

The width of the minor ticks.

Default: 0.5

<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
    pointer: {
        value: 30
    },
    scale: {
        min: 0,
        max: 50,
        minorTicks: {
            width: 2,
            color: "#ffc107"
        }
    }
});
</script>