Shading above or below a line in Excel charts [tutorial]

Share

Facebook
Twitter
LinkedIn

When comparing 2 sets of data, one question we always ask is,

  • How is first set of numbers different from second set?

A classic example of this is, lets say you are comparing productivity figures of your company with industry averages. Merely seeing both your series as lines (or columns etc.) is not going to tell you the full story. But if we can shade our productivity line in red or green when it is under or above industry average… now that would be awesome! Something like below:

Shaded line charts - help us tell a better story when comparing one series with another

The above chart tells us where we are lagging and where we are good. It will let us ask poking questions about the gap and find answers (may be removing coffee machine from 2nd floor last May was a bad idea!)

So how do we create such a chart?

PS: This chart and article is inspired from a question asked by arobbins & excellent solution provided by Hui here.

Creating a shaded line chart in Excel – step by step tutorial

1. Place your data in Excel

Lay out your data like this.

Original Data - Shaded line chart in Excel

2. Add 3 extra columns – min, lower, upper

If you look at the chart closely, you will realize it is a collection of 4 sets of data. See this illustration to understand.

Anatomy of Shaded line chart made in Excel - 3 extra series explained

Write formulas to load values in to min, lower (green) & upper (red) series.

  • Min is minimum of productivity and ind. average
  • Lower (green) is difference between productivity and ind. average (or NA() if negative)
  • Upper (red) is difference between ind. average and productivity (or NA() if negative)

3. Create a stacked area chart from this data

Select all the 4 series (productivity, min, lower & upper) and create a stacked area chart.

This is how it looks.

Step 1 - create a stacked area chart - shaded line chart in Excel

4. Format the productivity series as line

Right click on productivity series and using “Change series chart type” option, change it to line chart.

Step 2 - Format Productivity series as line - Shaded line chart in Excel

5. Make the min series transparent

Select min series and fill it with “No color”

Step 3 - make the min series transperant - Shaded line chart in Excel

6. Format lower & upper in green & red colors respectively

Step 4 change the colors for lower & upper series - shaded line chart in Excel

And you are done!

Optional: adjust series formatting, add grid lines etc.

As a bonus, you can add vertical grid lines (so that we can understand the red green changes easily) and format the horizontal axis. You can also move around the legend and remove the words “min” from it.

This will make the chart look really awesome.

Shaded line charts - help us tell a better story when comparing one series with another

Is this the only way to compare productivity with industry averages?

Although our shaded line chart is an excellent way to visualize differences between 2 series of data, I kept thinking if there are other ways to compare this.

After a bit of doodling & drawing inspiration from various charts I have seen earlier, here are 4 more options we can consider.

Option 1 – Productivity vs. variance wrt Ind. average

Alternative 1 - shaded line chart in Excel

This chart shows the variance (industry average-productity) at bottom so that we can easily look at overall trend & understand how we fared with respect to industry.

To create this chart, you just have to calculate the variance in a separate column and create a column & line chart combination (column for variance & line for productivity). Once such a chart is ready, go to fill options for the column chart and check invert colors if negative option and set up green & red colors!

Option 2 – Productivity vs. better or worse indicators

Alternative 2 - Shaded line chart in Excel

This chart just shows whether productivity surpassed industry average or not in a boolean state (green for yes, red for no)

This chart is a combination of line & column chart with same principle as above (invert if negative option).

Option 2 (made using Excel 2010 Sparklines)

Alternative 2 - made with Sparklines - Shaded line chart in Excel

You can create this chart very easily with Excel 2010 sparklines. Line chart for productivity and win-loss chart for better or worse indicators.

Option 3 – Collapsed Productivity vs. variance wrt Ind. average

Alternative 3 - collapsed - Shaded line chart

Since the color is already telling us whether variance is negative or positive, we can collapse both to same side of axis (thus saving some space & reducing redundant information).

To create this chart, we need two series of data – positive variance & negative variance as 2 sets of areas on the chart.

Option 4 – Collapsed Productivity vs. better or worse indicators

Alternative 4 - Shaded line chart with collapsed indicators in Excel

Well, this is same as option 2 but collapsed.

Download Example workbook

Click here to download the Excel workbook containing all these examples. You can also see detailed steps for making the shaded line chart in it.

How do you compare one series with another?

I must confess that I never made shaded line chart until today. For smaller data sets (<15 items), I usually compare by making column charts or thermo-meter charts. These are easy to make and easy to understand. For larger data sets, I try to make dynamic charts so that I can choose which series to include in comparison or make indexed charts.

Now that I learned how to set up shaded line charts, I will try them in my upcoming projects & consulting assignments to see how they fare.

What about you? Which types of charts do you use to compare one series with another? Please share your techniques & implementations using comments. I would love to learn more from you.

Compare often? Check out these charts

If you compare apples to apples (or to an occasional  bushel of oranges) for living, then check out these charting tutorials & techniques.

WARNING: After learning these techniques, Suddenly you will become incomparably awesome in your office.

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 “Make a Quick Thermometer Chart to Compare Targets and Actuals”

  1. Jon Peltier says:

    You'll probably have some readers insist on bullet charts, which in my experience are no easier to read.

    Note on the case where actuals may exceed targets, the target has to be the second series in the chart, not the first, so it appears in front of the actual.

  2. Chandoo says:

    @Jon.. good point. And yes, readers are already saying bullets are the way to go. Atleast @dmgerbino said it on twitter: http://twitter.com/dmgerbino/status/6761754333

    But I feel the same as you did. Bullets need orientation to get started and not that easy to construct (here is a tutorial btw... http://chandoo.org/wp/2008/07/21/dashboard-bullet-graphs-excel/ )

    When you just have to compare 2 sets of values, a chart like above is good and easy enough.

    And yes, thank you for saying that data series order should be correct to show the target on top.

  3. Tony Rose says:

    I think bullet charts are a good alternative. I'm not a huge fan of the formatting that you used above where the outline is so thick.

    Another option would be to combine a line graph (plan/goal amounts) with the columns (actual) and select the option to remove the line. This leaves just the value (marker), which can be increased in size to leave only a line about the size of the bar. It's an easy and cleaner way to show actual to plan/goal. Does that make sense?

  4. Jon Peltier says:

    Tony -

    I would use columns (or area) for goal, and lines and markers for actual.

  5. Matt says:

    What about if you go over the target? The chart doesn't work so well then.

  6. The technique described today is a near bullet chart. As I stated early this morning on Twitter (link: http://bit.ly/4K3yPM ) , I am a fan of Stephen Few's Bullet Graph.

    Hubert Urruttia and I started with Charlie Kyd's method, but as Jon Peltier and Chandoo said, they are not easy to contruct. We moved onto prototyping with Fabrice Rimlinger's SPARKLINES FOR EXCEL and now use XLCube's (BonaVista) Micro Chart tool. Both of these tools allow you to create bullet charts just as easy as any Excel chart type.

    As far as reading and interpreting them, this chart type has been the easiest for us to present.

    There are many chart types. Today's "Make a Quick Thermometer Chart to Compare Targets and Actuals" is fine for a start, but your ultimate goal should be to create Bullet Graphs. AS Stephen Few states in his overview, "The bullet graph was developed to replace the meters and gauges that are often used on dashboards. Its linear and no-frills design provides a rich display of data in a small space, which is essential on a dashboard. Like most meters and gauges, bullet graphs feature a single quantitative measure (for example, year-to-date revenue) along with complementary measures to enrich the meaning of the featured measure. Specifically, bullet graphs support the comparison of the featured measure to one or more related measures (for example, a target or the same measure at some point in the past, such as a year ago) and relate the featured measure to defined quantitative ranges that declare its qualitative state (for example, good, satisfactory, and poor). Its linear design not only gives it a small footprint, but also supports more efficient reading than radial meters."

    @dmgerbino

  7. Since @dmgerbino had to bring my name up I guess I should throw in my two cents.

    @dmgerbino and I have both implemented Bullet Charts with great success. What is most interesting about this fact is that we have had a harder time implementing Sparklines than Bullet Charts. The reason for this revolves around the simple fact of familiarity. I will explain. People look at a Sparkline and they think it is a really small Line Chart and it is not. People are familiar with Line Charts since they have been around since 1786 when they were created by William Playfair. Bullet Charts on the other hand are different so they almost demand an explanation. Because of this there was a lot of face time that was needed to explain these charts but once people got them they understood the concept. This is similar to when I introduced Cycle Plots http://bit.ly/87ydVG (Thank you @nbrgraphs!) or Horizon Charts http://bit.ly/6PVavj.

    Now about the Thermometer Charts… The first thing I want to address is Tony Rose’s statement. I totally agree that the outline on the chart is too think. It might come of as being a whole new series or a new variable. What I have done in instances like this is I have created a Bar Graph and Scatter Plot mixture. Then I have turned off the Data Series on the Scatter Plot and turned on the Horrizontal Error Bars on the Scatter Plot. The new horizontal line stands for the Plan and the Bar is the actual. The reason why I find this more useful is because this technique works if you have exceeded plan. Actually, I do not understand how Chandoo’s method would display the data if Plan is surpassed.

    This reminds me of another blog post that @dmgerbino, @Jon_Peltier, and myself commented on over a year ago. http://bit.ly/PNdO Actually, I talk about similar things in regards to familiarity to charting techniques.

    - @hubert_urruttia

  8. [...] we have a post on using thermometer charts to quickly compare actual values with targets. Today we follow up the post with 10 charting ideas you can use to compare actual values with [...]

  9. Rajiv says:

    Hi Chandoo

    How do I increase the width of the bar chart and also make the long axis labels come in the same line?

    Thank you,

    Rajiv

  10. Hui... says:

    @Rajiv
    Select the outer part of the chart "Chart Area" and note the cursor will change to arrows
    drag the edges to what ever size you want
    You can hold the Alt key as you drag and the chart will snap to the cell boundaries

    Now click on the chart area inside the chart "Plot Area" and note that a box with small circles appears around it
    drag the circles on the edge of that box to suit
    You can hold the Alt key as you drag and the chart will snap to the cell boundaries

  11. Rajiv says:

    @ Hui
    Thank you for your comments. But my question was not for the "Plot Area" instead I wanted to know about how should I increase the width of the individual bar charts because with my data all the individual bars are coming to be thin and I want to make them appear broader.
    Thank You

  12. Hui... says:

    @Rajiv
    Right click on the Series you want to change and select Format Data Series
    Under Series Options goto Gap Width and decrease it to suit

  13. KH says:

    Thank you for the great chart and explanation!

  14. CL says:

    How do I show two amounts (Signed Revenue and Pipeline) as stacked within the Target amount?

  15. CL says:

    Chandoo - thanks for the quick response! What if I want the data label for the pipeline to be the actual pipeline value, not the signed rev + pipeline value? i.e. 15 instead of 55

    Thanks!

  16. Jimmy says:

    How would i do this in excel 2003?

  17. [...] Thermo-meter charts are very good to show how actual value compares with target (or budget). But how can we add another point for say Last Year value to the chart with out cluttering it. [...]

  18. Eric says:

    Hi Guys,
     
    As Matt said,
    "What if you if you go over the target?" 
    Is there a way to make it change color? or at least to show what the target  was?
    I am planning to use this with a "Forecasted vs Real" production chart but I do not know how  to show overproduction.
    Any clue?
    Thanks

  19. Jennifer says:

    How do I do this if I have 2 bars I want side-by-side?  ie 2012 Mean with 2012 benchmark overlapping and then 2013 mean with 2013 benchmark overlapping? I want the 2012 and 2012 mean bars sie by side to compare multiple categories. 

  20. Temma says:

    I have a problem in that my PM wants a chart that shows a stacked column (Labor and Expense) and then have the overall buget shown as a thermo.

    Everytime I try to do this, I either end up with all three being stacked or all of them being seperated. 

    Help?

    • Temma says:

      Or if someone knows how to only outline the top and sides of a chart series....then I would have this solved. (Make a stacked column with labor, expenses, and remaining budget, then clear the fill and outline only the top and sides.)  I just can't figure out how to do that/ not sure if excel will let me only outline part of a chart series.

  21. testdomain says:

    Your home is valueble for me. Thanks!...

  22. Sandra says:

    I've created the thermometer chart as the Chandoo tutorial described. How do I move my columns closer together? I don't want wider columns; I want to move my narrow columns closer together. Thank you!

  23. Abhinav says:

    Dear Elite members,
    could you please let me informed whether we could incorporate color formating in this thermometer approach i.e. if my actual performance is <Min then meter color sud go Red, in between min & target it sud change to Amber & target and above sud change to Green. pls advise. thanks,

    • Rick says:

      I think the only way to do that would be with VBA programming.

    • Hui... says:

      @Abhinav
      Yes, Simply use a stacked column chart, colored appropriately
      Or
      You may also want to read about Bullet Charts

      • Abhinav says:

        @ Hui,
        Could you pls demonstrate this with the help of an example.
        let's have the below sample data

        Actual=12
        Min=10
        Target=15
        Max=20

        if Actual>=Min then bar color sud be Red
        in between Min & Target= Amber
        between target(inclusive) & Max = Green
        greater than or equal to Max= Blue

        Thanks in advance

        Abhi

  24. Rick says:

    Great blog post with awesome sample data. I've implemented two of the top "power tips" by changing the colour of the actual values, AND setting Actual to be 40% transparent. Looking good.

  25. […] easy with these charts. Use them sparingly. As a rule a thermo-meter chart would be better (easy to make, takes less space, scalable) for situations like […]

  26. […] easy with these charts. Use them sparingly. As a rule a thermo-meter chart would be better (easy to make, takes less space, scalable) for situations like […]

  27. Chief449 says:

    I recently purchased the template bundle and love the ease of use - thank you!

    I would like to ask if it is possible to add an important 'block' to the dashboard to illustrate an important status for my executive team; 'billing status'? (ie budget / amount billed) something like that?

    Thank you!

    • Chandoo says:

      @Cheif449.. Thanks for your purchase and kind words.

      You can add this easily to the dashboard. Follow below steps.

      1. Unprotect the dashboard worksheet.
      2. Add a text box (Insert > Drawing Shapes) to the dashboard
      3. Put any text inside it as per your need.
      4. Format it as needed.
      5. Protect the dashboard again.

  28. Shaday says:

    How do you do this in Excel 2010 - I am not seeing that option in Format data series.

  29. Shilpa says:

    how would we check target and actual sale for multiple years

  30. Shilpa says:

    Select any of the bar, right click and format data series

Leave a Reply