donut chart

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>

CSS

#container {
    height: 100px; 
    margin: 0 auto;
    width: 160px;
}

JavaScript

$(function () {
    $('#container').highcharts({
        exporting: { enabled: false},
        credits: { enabled: false },
        legend: { enabled: false },
        tooltip: {
            style: {
	            color: '#333333',
	            fontSize: '10px'
            },
            formatter: function() {
                return this.key + ':<b>' + this.percentage + 
                    '%</b>;<br>Monto:' + this.point.monto;
            }            
        },
        plotOptions: { pie: { dataLabels: { enabled: false } } },
        title: {
            align: 'center',
            verticalAlign: 'middle',
            y: 5,
            text: 'C$297,075,183.20'
        },
        series: [{
            type: 'pie',
            innerSize: '100%',
            data:[{
                name: 'Credito',
                color: '#4897f1',
                y: 75,
                monto: 'C$215,392,098.50'
            }, {
                name: 'Contado',
                color: '#263c53',
                y: 25,
                monto: 'C$81,683,084.74'
            }]
        }]
    });
});