5

So I am trying to create a ring/donut chart in Sketch 3 and I created two circles, a large and a small one and subtracted the small circle from the large circle to get a ring shape. Then I went around and subtracted pieces from the circle with rectangle shapes to get something like this: enter image description here

When I roll my mouse over the shape I can see the outlines of each individual section of the circle. enter image description hereIf I want to be able to change the color of each individual piece, is there a way to split the shape into (in my case) 6 different shapes?

8

so, here are a few steps that should make for a smooth sailing:

  • create necessary shapes (circle at the bottom, several rectangles starting from the circle center (or lines that you will later need to expand to rectangles again), then a circle for the donut hole
  • select all shapes and use "substract". This should bring us to your screenshots.
  • select the combined shape and "flatten" the shape. This will break the initial shapes you had to separate slices. You still won't be able to recolor them separately
  • select all slices in the layer palette and drag them out of their group
  • now you can select each one separately and apply colors and styling.

Creating donut charts in Sketch

  • Sorry but the method suggested by @Spasimir Dinev is not working anymore with the latest (53.2) version of Sketch :( I know that this is not an answer but I can't comment, and since this is the top result in Google, i think that arriving in this page is misleading. – Pyetro Rapp Mar 22 at 12:05
0

<<<--Sorry ignore this, I misread the question, answer is for Illustrator not Sketch-->>>

If you right click on the donut and choose "Release Compound Path" from the menu that appears it should split the shape into the individual components for you. If "Release Compound Path" is not an option, use "Ungroup".

Alternately, you could use the Direct Selection Tool (the white arrow) to click on each section and re-colour it.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.