Highcharts Demo

author(s): Torstein Hønsi

HTML

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

<div id="container" style="height: 400px; width: 500"></div>

JavaScript

var data = [{
    y: 7,
    color: 'red'}];


data.push({
    y: 100 - data[0].y,
    color: 'rgba(0,50,0,0)',
    id: 'dummy'
});
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'pie'
    },
    tooltip: {
        formatter: function() {
            if (this.point.id != 'dummy') {
                return this.y + ' %';
            } else {
                return false;
            }
        }
    },
    plotOptions: {
        pie: {
            innerSize: 80,
            dataLabels: {
                formatter: function() {
                    if (this.point.id != 'dummy') {
                        return this.y;
                    } else {
                        return '';
                    }
                }
            }
        }
    },

    series: [{
        data: data}]
});