Shading an area chart with different colors for up & down movements [case study]

Share

Facebook
Twitter
LinkedIn

We all know that area charts are great for understanding how a list of values have changed over time. Today, let’s learn how to create an area chart that shows different colors for upward & downward movements.

The inspiration for this came from a recent chart published in Wall Street Journal about Chinese stock markets (shown below).

wsj-chinese-stock-market-chart

We will try to create a similar chart using Excel.

This is what we are going to come up with.

indian-stock-market-chart

Looks interesting? Read on…

Creating an area chart with different colors for up & down slopes

Step 1. Gather the data

For our example, let’s use Indian stock market data for last 10 years. Specifically, BSE Sensex weekly closing prices between 1-July-2005 and 27-July-2015.

raw-data-shaded-area-chart

There are 3 columns in this data – Date, Closing price & Volume, as shown below. Let’s say all of this data is in a tabled named data that starts at cell B6.

Step 2. Find out when to switch colors

The next step is to find out when to switch colors.

We can add 3 additional columns to our data to spot the switches, and split data to Advances & Declines accordingly.

Here is what we get.

calculations-explained-shading-area-chart-by-direction

Detecting when a switch occurs:

When looking at closing price for a day, we need to know if the line direction has changed or not. To detect this, we can use a formula like this:

Assuming the closing price we are looking at is in cell C7,

=C7<>MEDIAN(C6:C8) will tell us if the value in C7 is switching the trend or not.

Why does this formula work? Think again. For more on this technique, refer to BETWEEN Formula in Excel.

Step 3. Expanding the data so that we can create an area chart

If we create an area chart with just the data from above step (only advances & declines columns), we end up with a chart that looks like this.

area-chart-with-different-colors-for-up-and-down-slopes

As you can see, the green & red areas (advancing & declining data) have tiny white space between them.

This is because, when we switch from green to red, the green series goes from peak to 0 and simultaneously, red series goes from 0 to peak, creating an effect like below (chart made from sub-set of data)

area-chart-with-different-shades-wrong

To create correct shading effect, we need to expand the data so that on dates when switching happens, there is a duplicate row.

See below illustration to understand what we need.

expaned-data-explained

Writing formulas to expand data

We can use simple arithmetic along with healthy dose of INDEX formulas to create expanded data set. Can you figure out the formulas yourself as homework?

Please examine the downloadable workbook to understand these formulas more.

After expanding the data, the same area chart looks like this:

area-chart-with-different-shades-correct

Step 4. Create area chart from expanded dataset

Select the expanded advances & declines columns and create an area chart from them. Make sure horizontal axis labels are pointing to the expanded date column we constructed in step 3.

Your chart is ready now.

We can add few more bells and whistles to it and come up with below output.

indian-stock-market-chart

Download Area Chart with different colors for up & down slopes workbook

Please click here to download area chart with different colors workbook. Play with the chart & formulas to learn more.

How do you like area chart with different shades?

I think this is a powerful technique to quickly eye-ball data and see where directional changes are occurring, what patterns (if any) are they following etc.

If you observe carefully, our Excel version and WSJ’s charts differ in one key aspect. In WSJ chart, they are shading bull & bear markets where overall trend is upwards or downwards with minor changes during the market period. What formula / approach changes do you think are necessary to make exact replica of WSJ chart in Excel?

Also, do share your feedback about this chart and how you are planning to reuse the concepts at your work.

Addendum – Moving average based smoothing of trends

We can use simple moving averages to smooth the trends so that we can spot upward / downward movements better.
Here is an example chart.

shading-area-chart-with-up-and-down-colors-moving-average-smoothing

You may download this workbook to examine the formulas & chart.

Charts to show change over time

Understanding change is a key component of any analysis. Check out below charting techniques & tutorials to learn few more valuable skills.

Facebook
Twitter
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

Overall I learned a lot and I thought you did a great job of explaining how to do things. This will definitely elevate my reporting in the future.
Rebekah S
Reporting Analyst
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.

39 Responses to “11 very useful excel keyboard shortcuts you may not know”

  1. Judy Fearn says:

    You asked about a favorite keyboard shortcut: I often right click the navigation arrows at the bottom of an Excel workbook to get a list of the worksheets. I can click the one I want without having to scroll left or right.

  2. Sam Krysiak says:

    I regularly use the networkdays(x,y,z) function to show the number of working days between two given dates. To exclude public holidays I reference a list of dates ("z" in the above reference) which I periodically update to reflect upcoming non-working days. To keep the sheet looking tidy for other users, I like to hide this column when I'm done, and then unhide it when I update the sheet.

    With 40 separate workbooks to edit, these shortcuts make it a breeze...

    ? Hide selected column: CTRL+0 [zero]
    ? Unhide hidden column(s) within selection: CTRL+SHIFT+) [closed parenthesis]

    If an "Autofit Selection" keyboard shortcut (not just a key sequence) existed, I'd be as happy as a clam!

  3. [...] 11 very useful excel keyboard shortcuts you may not know [...]

  4. [...] an Excel Conditional Formatting Rock Star 11 very useful excel keyboard shortcuts 73 Free Designer Quality Excel Chart Templates Tracking mutual fund / Stock portfolios using Excel [...]

  5. 1xoid1 says:

    Hello Chandoo, thanks for sharing this information. With some of the shortcuts I seem to have difficulties as they do not seem to work on the German keyboard.

    Can you maybe verify that those combos are only working with the keyboard setup you are using? What would be a good source to lookup combinations for other layouts?

    Regards, 1xoid1

  6. Chandoo says:

    @1xoid1 ... Thanks for visiting PHD and taking timeout to ask your question. Unfortunately all my German can be summarized to one phrase: "guten tag".

    I wont be able to help you, but I can request other readers to respond. So if you know German or use German keyboard and can answer 1xoid1's question, then you get a free donut.

    Guten Tag 🙂

  7. Martin Williamson says:

    To Sam Krysiak.
    Shortcut to Autofit Selection (assuming you mean autofit columns). If you right click toolbar, click customise. From Commands tab/Categories select Built-in Menus.

    In Categories window scroll down and select Columns and drag drop it onto toolbar. Then click the new toolbar Columns button and drag drop Autofit button onto your toolbar (note Autofit for Columns will no longer appear in your menus, only on toolbar).

    Remove Columns button from toolbar (if you want to keep clutter down) drag and drop it off of your toolbar.

    Close Customise box.

    Now to Autofit columns just press "Alt" then "A".

  8. Martin Williamson says:

    Comment 8 correction - 2nd paragraph should read
    "In Commands window...

  9. Robert says:

    @1xoid1:

    Read the following text as follows: The key ,[;] is the one right to the M on the German keyboard. Here are the differences you have to know when using a German keyboard:

    2. Press strg .[:] for inserting the current date (and strg shift .[:] for inserting current time)

    3. Press strg ,[;] to copy values from cell above

    8. Press strg shift –[_] to apply an outline border

    10. Press strg-shift S to activate the font drop down (Schriftgroesse)

    11. Press strg-shift G to activate the font size (Groesse)

    Number 10 and 11 do not work with Excel 2007 anymore, but strg-shift-P shows the font tab of the cell format dialogue in Excel 2007.

    All other shortcuts should work on a German keyboard exactly as Chandoo described them.

    More information needed? Download a complete list with all shortcuts for Microsoft Excel in German (for free):

    http://www.freeware-download.com/downloaddetails/5655.html

    @Chandoo: please do not send a donut, unless you are able to attach one to an email. Otherwise the donut might be able to walk by itself, when it arrives here in Germany...

  10. Robert says:

    I forgot to mention:

    For all readers using an English keyboard: Chip Pearson offers a comprehensive list of Excel shortcuts on the English keyboard:

    http://www.cpearson.com/excel/ShortCuts.aspx

  11. [...] your own keyboard shortcuts in Excel 2007, knowing a few keyboard shortcuts in excel is a huge help. Lyte Byte describes a nifty way to create your own key board shortcuts in [...]

  12. [...] Select a bunch of cells and click on the Sigma symbol on the standard tool bar. Alternatively you can use Alt+= keyboard shortcut. [...]

  13. Prashant R.Moholkar says:

    I do some data entries column A,column B ,Column C , A and B have 10 to 12 digit codes , C has the names ; Kindly suggest me a format or formula for excel to avoid duplication of entries in all the the three columns.

    Regards,
    Prashant

  14. Chandoo says:

    @Prashant... You can use conditional formatting to highlight duplicate entries in the three columns. That way whenever you type a dupe value in a cell the formatting would highlight the values so that you can avoid the error.

    check this post for more on using this way to handling duplicates: http://chandoo.org/wp/2008/03/13/want-to-be-an-excel-conditional-formatting-rock-star-read-this/

    If you are looking for a way to remove duplicates from an existing range, you can try one of the various techniques we have described here. Try these tips:

    http://chandoo.org/wp/2008/11/06/unique-duplicate-missing-items-excel-help/
    http://chandoo.org/wp/2008/08/01/15-fun-things-with-excel/

  15. [...] good alternative (although manual) is to use keyboard shortcuts CTRL + ; or CTRL + : to insert current date and time in the active cell. Since this places the [...]

  16. GesyimmeliA says:

    Your site doesn't correctly work in safari browser

    • Chandoo says:

      Hi GesyimmeliA: Can you tell me which version of Safari on which OS has this problem. I use Macbook at home and loaded the site quite often in Safari and never seen any layout or content issues. Are you facing any script issues while posting comments or somethings like that ?

  17. Daniel Shi says:

    Hey Chandoo. Great site. Learning lots.

    My favorite Excel shortcut has got to be Alt+Down when over an autofilter drop down. Learning that changed my life. That was one of the last things I needed to use a mouse for. Changed my life.

  18. [...] are a big advocate of keyboard shortcuts. I think learning a handful of keyboard shortcuts can improve your productivity tremendously, [...]

  19. Barbara says:

    My favourit keyboard shortcut is control and 1 (use the 1 above the letters on the keyboard, not the number pad) for format cells.

  20. DJ says:

    Favourite shortcut: alt + shift + right/left arrow for grouping/ungrouping!

  21. [...] Select a bunch of cells and click on the Sigma symbol on the standard tool bar. Alternatively you can use Alt+= keyboard shortcut. [...]

  22. [...] clicking on these: excel keyboard shortcuts, excel mouse tips & tricks, excel productivity tips part 1 & part [...]

  23. M Meraz says:

    Martin Williamson thanks for the autofit tip! You rock.

  24. Ayan says:

    In order to generate charts/bar graph with a single key:

    1. Select the data
    2. Press F11
    3. Magic.... 🙂

  25. DiverseIT says:

    F3 = Paste a Name or the entire list of Names
    Crtl + F3 = Name Manager
    Crtl + : = Inserts current time.
    F12 = Save As

  26. DiverseIT says:

    Mistake!
    Crtl + Shift + : = Inserts current time.

  27. JAY SHANKAR says:

    SIR U R THE BEST PERSON WHO SHARES A WONDERFULL AND IMPORTANT TIPS IN EXCEL. THANKS AND KEEP ROCKING.

  28. Amit says:

    How do i hide / unhide a work sheet using the keyboard.

  29. PARBATI says:

    input in one cell 1a23bc output in two cell one of 123 and other one is abc how to possible, please help me.

  30. Woj says:

    Hey cool shortcuts but excel have more shortcuts then you listet.

    i find a big database of supportet shortcuts for Excel 2007 here
    http://www.veodin.com/excel-2007-shortcuts/

  31. jayjaymartin says:

    Great article with some very useful follow-up comments and tips.

    One simple question … how do you vertically align the drop-down filter button in a cell with a larger than normal height?

    It’s easy enough to do so with a cell’s contents but the drop-down filter button stubbornly remains at the bottom and I need it at the top!

    I’ve looked everywhere and haven’t located an explanation to what I am sure is considered an Excel basic.

    Cheers

Leave a Reply