Advertisement


How do I make an incomplete circle stroke for a donut chart?


Question

I'm trying to emulate this type of stroke:

chart examples

So far, I've only been able to pen over the stroke and try to Minus it off (though I'm a rookie and still don't understand the whole pathfinder tool completely), but it's tedious and I'm not that great at it.

Suggestions?

2014/05/15
1
11
5/15/2014 10:09:00 PM

Accepted Answer

Related, if not duplicate: Different color strokes in Illustrator (the gummi worms)

Easiest way for me is just with a gradient on the stroke... set the middle stops to be in the same location.

enter image description here

Benefits of this method is you simply change the gradient to move the sections. There's no need to reconfigure a brush or cut out new shapes if you need different sized segments.

enter image description here

It's also easy to use multiple colors....

enter image description here

2017/04/13
15
4/13/2017 12:46:00 PM

If you require lots of segments, it might be easiest for you to use Illustrator's graph tool. This is essentially just a hollowed out pie chart, so you can place an elipse over a chart to create your graphic.

Illustrator pie chart

Circle over pie chart in Illustrator

2014/05/15