Making 1 pie slice have a smaller radius than the others

[pjmdesi]

Hi all,

I'm trying to recreate the following graphic:

Currently I am replicating this by having 2 datasets, each with the same data array, and the following additional options:

...
datasets: [{
        data: [...data],
        cutout: '-33%',
        borderWidth: 1.5,
        borderColor: '#000',
        spacing: 0,
        weight: 2
    },
    {
        data: [...data],
        borderColor: '#0000',
        borderWidth: 1.5,
        cutout: '33%',
        spacing: 0,
        weight: 1
    }
],
...

This works, but it's kind of a pain to make them. Also since the page I am working on has a dozen charts, I had to write a completely cobbled-together script that copies the data to both items in the dataset array (I probably did this completely wrong too since I ended up having to do a JSON.parse(JSON.stringify(chartObj)) to get it to work.

Obviously this would be a lot easier if I could set an array for the radius, for example:

...
datasets: [{
        data: [1,2,3,4,],
        radius: ['100%','100%','100%', '45%'], /* <-------------- /*
        cutout: '33%',
        borderWidth: 1.5,
        borderColor: '#000',
        spacing: 0,
}],
...

Does anyone else know a better way? I could not find much online.

Help is greatly appreciated!

[Udemology]

Hi @pjmdesi,

See if this video would help you: https://youtu.be/wJonULGQO1k
In essence before drawing the new drawn data should be passed to the canvas.