: How do I make an incomplete circle stroke for a donut chart? I'm trying to emulate this type of stroke: So far, I've only been able to pen over the stroke and try to Minus it off (though
I'm trying to emulate this type of stroke:
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?
More posts by @Barnes313
5 Comments
Sorted by latest first Latest Oldest Best
Designed by Travis Kochel, FF Chartwell is a fantastic typeface for creating simple graphs. Using OpenType features, simple strings of numbers are automatically transformed into charts. The visualized data remains editable, allowing for hassle-free updates and styling. And yes it also does donut-style charts.
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.
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.
It's also easy to use multiple colors....
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.
A pretty simple way to do this is to place the segments as straight bars then create an Art Brush from that:
The ratios will remain the same. So, to create a 25px stroke for our circle with a 25% / 75% split, I used a 25px x 25px and 25px x 75px rectangles for the art brush.
Here's how to create an Art Brush, borrowed from Adobe's website:
Create a brush
For scatter and art brushes, select the artwork you want to use. For pattern brushes, you can select the artwork for the side tile, but
it isn’t necessary. For detailed guidelines to create pattern brushes,
see Guidelines for constructing pattern tiles. To know more about
pattern brush options, see Pattern brush options.
Click the New Brush button in the Brushes panel. Alternatively, drag the selected artwork to the Brushes
panel.
Select the type of brush you want to create, and click OK.
In the Brush Options dialog box, enter a name for the brush, set brush options, and click OK.
One (of many) ways to do this:
Draw the circle
Object | Path | Outline Stroke
Drag a pair of guides from the rulers which bisect the circle
Draw a rectangle which is larger than the circle, set it to the colour you want for the larger area
Draw a rectangle starting at the center of the circle and reaching out past it.
Set it to the second colour
Drag the nodes which are not at the center around until they describe the area you want
Group the two coloured shapes and send them to the back
Shift click on the circle
Object | Clipping Mask | Make (or hit command 7)
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.