$(function() {
    // Create the chart
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'pie',
            width: 400,
            events: {
                load: function() {
                    var legend = this.legend.group;
                    debugger;
                    var item = this.legend.allItems[2];
                     var x = legend.translateX + item.legendGroup.translateX,
                     y = this.legend.contentGroup.getBBox().y + legend.translateY + item.legendGroup.translateY + item.itemHeight;
                            this.renderer
                            .image('http://highcharts.com/demo/gfx/sun.png', x, y, 30, 30)
                            .add();
                }
            }
        },
        series: [{
            name: 'Browsers',
            data: [
                ["Firefox", 6],
                ["MSIE", 4],
                ["Chrome", 7]
            ],
            size: '80%',
            innerSize: '50%',
            showInLegend: true,
            dataLabels: {
                enabled: false
            }
        }],
        legend: {
            layout: 'vertical',
            itemMarginTop: 50,
            verticalAlign: 'middle',
            align: 'right'
        }
    });
});