MENU
.net Powerful JavaScript charts

Donut chart API reference

The Donut chart is now a variant of the Pie. It may be preferable to using a Pie and multiple Donuts can be nested.

The Donut chart was formerly a separate type. However, it's now simply a variant of the Pie chart. In the example code, the variant property is highlighted and this is the property to use to get your Pie chart to appear as a Donut chart.

Example

See all of the 1200+ demos in the download archive.

A standard Donut chart with tooltips 
<script>
    data   = [45,57,48,32, 26,41];
    labels = ['Jan', 'Ben', 'Mark', 'Lucy','Jill', 'James'];

    new RGraph.Pie({
        id: 'cvs',
        data: data,
        options: {
            labels: labels,
            tooltips: 'Results:<br />%{key}',
            tooltipsFormattedKeyLabels: labels,
            tooltipsCss: {
                fontSize: '16pt',
                textAlign: 'left'
            },
            linewidth: 3,
            colorsStroke: 'white',
            variant: 'donut'
        }
    }).draw();
</script>

See also