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();

});