html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.pie([

        {x: 'Chrome', value: 8},

        {x: 'Firefox', value: 7},

        {x: 'Safari', value: 3},

        {x: 'IE', value: 2}

    ]);

​

    // Set items formatter.

    var legend = chart.legend();

    legend.itemsFormatter(function () {

        return [

            {text: 'first', iconFill: '#2196F3', iconType: 'circle'},

            {text: 'second', iconFill: '#F44336'},

            {text: 'third', iconFill: '#4CAF50', iconType: 'circle'},

            {text: 'fourth', iconFill: '#FFEB3B'}

        ]

    });

​

    chart.title('Set items formatter');

    chart.container('container');

    chart.draw();

});