ElementStacks

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px; width: 400px"></div>

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    series: [{
        type: 'pie',
        size: 300,
        data: [{
            y: 156.4,
            color: {
                linearGradient: [0, 0, 0, '80%'],
                stops: [
                    [0, '#6cb9dc'],
                    [1, '#FFFFFF']
                ]
            }
        },{
            y:78.2,
            color: {
                linearGradient: [200, 350, 200, 200],
                stops: [
                    [0, 'rgb(149, 23, 25)'],
                    [1, 'rgb(229, 33, 37)']
                ]
            }
        },{
            y: 129.5,
            color: {
                linearGradient: [50, 150, 200, 200],
                stops: [
                    [0, 'rgb(102, 154, 0)'],
                    [1, 'rgb(161, 245, 0)']
                ]
            }
        }]
    }]
});