fbpx

How to show positive / negative colors in area charts? [Quick tip]

Share

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

Ever wanted to make an area chart with up down colors, something like this? Then this tip is for you.

Area chart with two colors for up & down values - Excel charting trick

How to create area chart with up / down colors?

Simple. You need,

  • Data with positive & negative values.
  • optional: A cup of coffee or a cold beverage of your choice.

Start by creating a regular area chart. You will get this:

regular area chart

Now, select the are and go to format settings (use shortcut CTRL+1).

Go to fill color for the area and change it to gradient fill.

Set it to one of the default gradient fills, you will see a screen like this.

gradient fill settings for area chart

The last step: Setting two color gradient

We are nearly there. Take a victory sip out of that coffee cup or cold beverage. First calculate the mid point for our gradient stops. This will be =maximum up value / (maximum up value + maximum absolute down value)

For example, if your data has +5 has maximum positive value and -5 as maximum negative value, then the gradient stop will be 50% since 5 divided by (5+5) is 50%.

Take another sip and set the gradient stops as shown below.

  • Create 4 gradient stops (most of the default gradient settings have 4 stops)
  • Set stop 1 & 2 to positive color (say blue)
  • Stop 3 & 4 to negative color (say red)
  • Adjust the position of 2 & 3 to the gradient stop calculation you have done earlier.
  • Make sure Gradient is linear with 90 degrees
gradient stop settings for area chart with up down colors

Done. Your area chart with positive / negative colors is ready. Admire its beauty while finishing your beverage.

Watch video tutorial: Area chart with positive / negative colors

If you are not sure about the whole gradient color trick, check out this video. I explain clearly the idea with few examples (plus there is a bonus trick in there). See it below or head over to my YouTube Channel for it.

Download Example File

Please click here to download a sample file with up down colors for area charts. Play with the data, examine the chart settings to understand this better.

More charting tricks

If you enjoyed this charting trick, there is more where it came from. Check out below examples and spice up your dull chart life.

Cropped chart to show too large values

Cropped chart: When some values are too big

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

Share this tip with your colleagues

Excel and Power BI tips - Chandoo.org Newsletter

Get FREE Excel + Power BI Tips

Simple, fun and useful emails, once per week.

Learn & be awesome.

Welcome to Chandoo.org

Thank you so much for visiting. My aim is to make you awesome in Excel & Power BI. I do this by sharing videos, tips, examples and downloads on this website. There are more than 1,000 pages with all things Excel, Power BI, Dashboards & VBA here. Go ahead and spend few minutes to be AWESOME.

Read my storyFREE Excel tips book

Excel School made me great at work.
5/5

– Brenda

Excel formula list - 100+ examples and howto guide for you

From simple to complex, there is a formula for every occasion. Check out the list now.

Calendars, invoices, trackers and much more. All free, fun and fantastic.

Advanced Pivot Table tricks

Power Query, Data model, DAX, Filters, Slicers, Conditional formats and beautiful charts. It's all here.

Still on fence about Power BI? In this getting started guide, learn what is Power BI, how to get it and how to create your first report from scratch.

3 Responses to “How to show positive / negative colors in area charts? [Quick tip]”

  1. Andreas Weidner says:

    Thanks, Chandoo, for tutorials. Learned a lot.

    Unfortunately could not learn about the running biker.
    The link "Target vs. Actual with Biker on a hill chart" has a link to another tutorial.

    I would like to see the biker! 🙂

Leave a Reply