Donut chart

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.


View example on CodePen
    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

See also