html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.gauges.circular([10]);

    chart.marker({radius: 95});

​

    var axis = chart.axis();

​

    var ticksSettings = axis.ticks();

    ticksSettings.length(4);

    ticksSettings.fill('#F8FFAE');

​

    // Set stroke.

    ticksSettings.stroke(function (ticks) {

        var color;

        if (ticks.length >= 10) {

            color = '#43C6AC';

        } else {

            color = '#0091EA'

        }

        return '2 ' + color

    });

​

    chart.title('Set ticks stroke parameter as a function');

    chart.container('container');

    chart.draw();

});