Legend chart Pie

by kzoon

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 50px"></div>

JavaScript

$(function () {
    $('#container').highcharts({

        chart: {
            type: 'pie',
            spacing: [0, 0, 0, 0],
            backgroundColor: '#FCFFC5'
        },
        credits: {
            enabled: false
        },
        title: {
            text: ''
        },

        tooltip: {
            enabled: false
        },

      legend: {
            margin: 0,
            align: 'center',
            verticalAlign: 'top'
        },
        plotOptions: {
            pie: {
                dataLabels: {
                    enabled: false
                },
                center: [-10, -10],
                 size: -1,
                showInLegend: true
            }
        },
        series: [{

            data: [{
                name: 'product a',
                y: 10
            }, {
                name: 'product b',
                y: 20
            }]
        }]
    });
});