Canvas 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.

Donut charts were formerly separate charts, 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 in order to get your Pie chart appearing as a Donut chart.


    // The data to be shown on the Donut chart
    var data = [45,57,48,32];

    // Create the Donut chart (which is really a Pie chart).
    var donut = new RGraph.Pie({
        id: 'cvs',
        data: data,
        // Configure the Donut chart to look as wanted.
        options: {
            labels: ['Jan', 'Ben', 'Mark', 'Lucy'],
            linewidth: 5,
            colorsStroke: 'white',
            tooltips: ['Jan', 'Ben', 'Mark', 'Lucy'],
            // Specify the variant, which turns the Pie chart into a Donut chart.
            variant: 'donut'