Donut chart API reference

• Example
• See also

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.

<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',
            shadow: false
        }
    }).draw();
</script>

See also

• Donut chart examples in the download archive
• Pie chart documentation