• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Donut Chart, Two Sides

Contributor ,
Mar 05, 2019 Mar 05, 2019

Copy link to clipboard

Copied

Hi all, how do you make such a chart and have it to be live data?

Screen Shot 2019-03-05 at 4.33.30 PM.png

I know how to make a donut chart with pie chart no problem, but I don't know how to split into two sides this example above. Much appreciated!

Views

2.2K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 05, 2019 Mar 05, 2019

Hi

Yes, this can be done quite easily. Watch this Youtube video from ACP tonyharmer​ on how:

How To Make a Donut/Doughnut Chart in Illustrator Keeping Data Live - YouTube

Tony has several courses on lynda.com / linkedinlearning.com such as this one on infographics:

Creating Infographics with Illustrator  as well as some on his youtube channel.

Jane

Votes

Translate

Translate
Adobe
Community Expert ,
Mar 05, 2019 Mar 05, 2019

Copy link to clipboard

Copied

You can get a hole into it by applying an opacity mask.

But you can't control where it splits.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Mar 05, 2019 Mar 05, 2019

Copy link to clipboard

Copied

Thank you Monika. How would you tackle this design challenge then? I can see myself do two charts, then mask one for the left half, the other one for the right half, but it seems quite tedious.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 05, 2019 Mar 05, 2019

Copy link to clipboard

Copied

Probably it will be easier to not use charts at all, but just do it with circle shapes?

How to create and modify live shapes in Illustrator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Mar 05, 2019 Mar 05, 2019

Copy link to clipboard

Copied

Thank you Monika, I think that's the best solution for now, though I'd like to see Illustrator integrate this into its chart tool for the live data function.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 05, 2019 Mar 05, 2019

Copy link to clipboard

Copied

Hi

Yes, this can be done quite easily. Watch this Youtube video from ACP tonyharmer​ on how:

How To Make a Donut/Doughnut Chart in Illustrator Keeping Data Live - YouTube

Tony has several courses on lynda.com / linkedinlearning.com such as this one on infographics:

Creating Infographics with Illustrator  as well as some on his youtube channel.

Jane

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Mar 05, 2019 Mar 05, 2019

Copy link to clipboard

Copied

Thank you Jane, but that link doesn't tell me how to split data in two half-donuts like example above.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 05, 2019 Mar 05, 2019

Copy link to clipboard

Copied

Hi Wuts,

I see 11 donut charts. What do you mean by two half-donuts?

Jane

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Mar 05, 2019 Mar 05, 2019

Copy link to clipboard

Copied

LATEST

Hi Jane, the left side is female % and right side is male %. It's actually two data going opposite direction. If you cut in half, then you get half-donut shape.

Screen Shot 2019-03-05 at 9.16.02 PM.png

But from your comment, I finally figured it out that I've been doing it all wrong. I should have input the data like this:

Screen Shot 2019-03-05 at 9.23.20 PM.png

In the beginning I only inputted 3 numbers, when I should have been 4.

Thank you!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines