Skip to main content
L
lister110
Inspiring
March 13, 2019
Question

donut chart in illustrator >with curved ends

  • March 13, 2019
  • 3 replies
  • 2768 views

Hi everyone, Im wondering how this can be done. I need to create a donut chart in illustrator,  which has a curved end and start as below. Hopefully this can be edited to reflect the percentages if change. I can get the basic chart information using a gradient start or stop with the desired colours, or use a brush to follow the path, bu was wondering tif there is another way?

thanks

    This topic has been closed for replies.

    3 replies

    barbara_a7746676
    Community Expert
    barbara_a7746676Community Expert
    Community Expert
    March 13, 2019

    This is a good tutorial that shows how to make a donut chart and preserve the data so that it can be changed and updated later. How To Make a Donut/Doughnut Chart in Illustrator Keeping Data Live - YouTube

    However, that does not give you round caps. Once everything is final, you'll need to draw the paths as Jacob Bugge described. Make a copy of the "live" graph before doing that so that you can edit the data if it happens to change later.

    By the way, I was able to get a raised look using these settings on the clipping mask, but not the rounded caps.

    L
    lister110Author
    Inspiring
    March 13, 2019

    How do I break apart the percentage amount?

    Jacob Bugge
    Community Expert
    Jacob BuggeCommunity Expert
    Community Expert
    March 13, 2019

    Lister,

    You can use stroke/nofill paths with Round Caps and split the green one in two, then set a stacking order with (from the bottom) the green hollow end, the whole blue, the whole red, and the green round/front end.

    And then gradients across the stroke with sharp transition (two stops on top of each other at 50%).

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices