Dynamic (Cascading) Dropdowns that reset on change

Share

Facebook
Twitter
LinkedIn

Dynamic dropdowns are a handy way to get your users to make choices based on what they’ve previously chosen, while steering them away from making invalid choices. Today we’re going to look at one that easily handles multiple levels, and we’ll take a look at what could go wrong. Let’s see one in action, shall we?

Right, what’s on the (dropdown) menu?
Chandoo_CascadingDropdowns_NoChoices

Fruit, anyone?
Chandoo_CascadingDropdowns_First Choice

*BING!*
Chandoo_CascadingDropdowns_Not Done
Cool…check it out…as you can see from the above, the user gets prompted with “Choose…” whenever a subsequent choice must be made.

 

Ok, what kind of fruit should I have? Hmmm, let me see….eeny, meeny, miny, STRAWBERRIES!!!MO!
Chandoo_CascadingDropdowns_Strawberries

*BING!*
Chandoo_CascadingDropdowns_Still not finished

 

Ok, so what delights does Sub Category 2 have in store for me?
Chandoo_CascadingDropdowns_Earliglow

Earliglow? Never heard of it. Sounds delicious…I’ll have those, please.

*BING!*
Chandoo_CascadingDropdowns_Done

There, all done. Pretty nifty ehusers only get to see valid choices depending on what they chose last. So users simply can’t screw up!  Or can they?

[Evil user, determined to prove me wrong]: Wait a minute…I just remembered that mother expects me to eat my vegetables first, before I move on to dessert. So I better change that initial selection:

Chandoo_CascadingDropdowns_Change Initial Selection

*BING!*
Chandoo_CascadingDropdowns_Embarrassing
What the…Strawberries are vegetables???

Damn…changing upstream dropdowns later on means those downstream choices can be flat out wrong! So how can we make this bulletproof?

Macros to the rescue

Yep, we’ll use some code to clear out any ‘downstream’ choices if anything ‘upstream’ changes. Let’s go back to that original strawberry fest:
Chandoo_CascadingDropdowns_Done

Now watch what happens when our user subsequently decides they better vege out first:

*BING!*
Chandoo_CascadingDropdowns_Downstream Reset

Ahh…look at that: the code realized that all those downstream choices are no longer valid. So it deleted them, and prompted the user to choose again. There. Now that IS bulletproof.

So let’s see…hmmm…for an appetizer, I’ll have baby carrots:
Chandoo_CascadingDropdowns_Baby Carrots

 

And I already decided on Strawberries for pudding…
Chandoo_CascadingDropdowns_Pudding

 

But what about my main course. Ah, yes, of course…
Chandoo_CascadingDropdowns_Human

MEAT! Yummy. BURP!

What’s the recipe?

My approach draws on Roger Govier’s excellent sample file on the Contextures website. Be sure to check out that link to see Roger’s in-depth discussion of the formula magic behind this puppy…It’s genius.

In my Dynamic-Dependent-dropdowns-20140214, you’ll see that all the different categories used by the dropdowns are hosted in an Excel Table, that has the initial categories down the left hand side, and subsequent categories across the top:
Chandoo_CascadingDropdowns_val list

So how do these categories get used by the data validation dropdowns? Roger’s approach uses two dynamic named ranges to feed the data validation lists, one called MainList and one called SubList:
Chandoo_CascadingDropdowns_Name Manager

Here’s the MainList formula:
=INDEX(Table1[[Choose…]],1):INDEX(Table1[[Choose…]],COUNTA(Table1[[Choose…]]))

…and here’s the SubList formula:
=IF(OR(Sheet1!B8="Choose…",Sheet1!B8=""),"",INDEX(Table1,1,MATCH(Sheet1!B8,Table1[#Headers],0)):INDEX(
Table1,COUNTA(INDEX(Table1,,MATCH(Sheet1!B8,Table1[#Headers],0))),MATCH(Sheet1!B8,Table1[#Headers],0)))

The SubList formula has a relative reference in it: whatever cell you use it in, it retrieves the value of the cell to the immediate left, and then it scans the column headers of our validations table (Table1) looking for the heading that matches that value. Once it’s found it, it simply uses the items listed underneath that heading.

Because this formula is relative, before you enter it into the Name Manager, you will need to first select cell C8, because the above relative formula refers to B8 – the cell to the left. (Note that it doesn’t matter what is in C8 or where your actual dropdown are…rather it’s just that the above formula happens to refer to B8, and because we want our formula to always reference the cell on the immediate left, then we’ve got to select the cell to the immediate right before we enter this relative formula into the Name Manager.

Also note that my version of Roger’s approach uses Excel Tables and the associated Structured References that Table functionality allows. My table is called Table1. Your validation lists MUST be held within an Excel Table (which requires Excel 2007 or greater) and you MUST change the Table1 references in the above formula to match the name of your table.

Excel Tables – known as ListObjects to VBA developers – were introduced in Excel 2007, and are a very powerful and simple way to store things like lists, chart data, and PivotTable data…especially if you might need to add more data to your spreadsheet at a later date, and want to avoid having to repoint all your formulas to include the additional data. If you’re not familiar with Excel Tables – or you don’t know what that Table1[#Headers] guff above means – then I strongly suggest you check out Chandoo’s Introduction to Structural References and this great video he did with MrExcel.

The way these two formulas work is very clever. That MainList named range only gets used by dropdowns in that very first ‘Main Category’ column:
Chandoo_CascadingDropdowns_MainList2

…and all other ‘downstream’ dropdowns – no matter what level they are – are fed by the SubList named range:
Chandoo_CascadingDropdowns_SubList2

The beauty of Roger’s approach is that it can handle any number of cascading levels, provided all the category names are unique. All you need to do is simply add the new subcategories to the right hand side of our validations table (Table1).

Let’s look at an example. If you look at the below screenshot, you’ll see that users can choose from a number of different kinds of meat:
Chandoo_CascadingDropdowns_Meat List

Let’s add a further level that would give meat eaters some further choices relating to how their meat is prepared.

To set this up, all we need to do is take the individual items from that ‘Meat’ column and add each one as a new column header:
Chandoo_CascadingDropdowns_New Headers

Then we simply list the new options for each type of meat below the relevant header:
Chandoo_CascadingDropdowns_Flesh out

Now here’s the magic: as soon as we add another column to our input table and set it up with data validation – which I did simply by clicking on the bottom right corner of the cell with the word ‘Human’ and dragging it across – then Excel picks up on the fact that there’s a sub-subcategory, and serves it up to us. *BING!* Order up!
Chandoo_CascadingDropdowns_Raw Person

Add code, and stir-fry for 10 milliseconds

As mentioned earlier, in addition to Roger’s great method, I’ve written some code that clears out any downstream entries in the event that an upstream entry is changed. It’s in the sample workbook already, all set to go. But here’s the actual code, for you VBA nerds. (Special thanks to Gabor Madacs for some enhancement suggestions)

Option Explicit

Const CHOOSE = "Choose…"

Private Sub Worksheet_Change(ByVal Target As Range)
    On Error GoTo ErrorHandler
    Dim targetCell As Range
    Dim nextCell As Range
    Dim oldCalc As Excel.XlCalculation
    
    If Not Intersect(Target, [DataEntryTable]) Is Nothing Then
        If [Radio_Choice] = 1 Then
            With Application
                .EnableEvents = False
                .ScreenUpdating = False
                oldCalc = .Calculation
                .Calculation = xlCalculationManual
            End With
            
            For Each targetCell In Target
                'Clear any cells that use 'SubList' to the right of targetCell in the current table.
                If targetCell.Column < (targetCell.ListObject.ListColumns.Count + targetCell.ListObject.Range.Column - 1) Then 'there are table cells to the right
                    For Each nextCell In targetCell.Offset(, 1).Resize(, targetCell.ListObject.ListColumns.Count + targetCell.ListObject.Range.Column - targetCell.Column - 1)
                        If HasValidationFormula(nextCell) Then
                            If nextCell.Validation.Formula1 = "=SubList" Then nextCell.Value = ""
                        End If
                    Next nextCell
                End If
                
                'Perform different action depeding on whether we're dealing with a 'MainList' dropdown
                ' or a 'SubList' dropdown
                If HasValidationFormula(targetCell) Then
                    Select Case targetCell.Validation.Formula1
                    Case "=MainList"
                        If targetCell.Value = "" Then
                            targetCell.Value = CHOOSE
                        ElseIf targetCell.Value = CHOOSE Then
                            'Do nothing.
                        Else
                            targetCell.Offset(, 1).Value = CHOOSE
                        End If
                        
                    Case "=SubList"
                        If targetCell.Value = "" Then
                            targetCell.Value = CHOOSE
                        ElseIf targetCell.Offset(, -1).Value = CHOOSE Then
                            targetCell.Value = ""
                        ElseIf targetCell.Value = CHOOSE Then
                            'Do nothing
                        Else
                            Set nextCell = targetCell.Offset(, 1)
                            If HasValidationFormula(nextCell) Then
                                If nextCell.Validation.Formula1 = "=SubList" Then nextCell.Value = CHOOSE
                            End If
                        End If
                    End Select
                End If
            Next targetCell
            With Application
                .EnableEvents = True
                .ScreenUpdating = True
                .Calculation = oldCalc
            End With
        End If
    End If
    Exit Sub
ErrorHandler:
    With Application
        .EnableEvents = True
        .ScreenUpdating = True
        If oldCalc <> 0 Then .Calculation = oldCalc
    End With
    MsgBox Err.Description, vbCritical, Name & ".Worksheet_Change()"
End Sub

Private Function HasValidationFormula(cell As Range) As Boolean
    On Error GoTo ValidationNotExistsError
    If cell.Validation.Formula1 <> "" Then
        HasValidationFormula = True
    Else
        HasValidationFormula = False
    End If
    Exit Function
ValidationNotExistsError:
    HasValidationFormula = False
End Function
 


Hungry for more?


Here’s some related Posts at Chandoo.org:

Download the file

To see how this is done, download this file and enable macros:
Dynamic-Dependent-dropdowns-20140214

About the Author.

Jeff Weir – a local of Galactic North up there in Windy Wellington, New Zealand – is more volatile than INDIRECT and more random than RAND. In fact, his state of mind can be pretty much summed up by this:

=NOT(EVEN(PROPER(OR(RIGHT(TODAY())))))

That’s right, pure #VALUE!

Find out more at http:www.heavydutydecisions.co.nz

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.

66 Responses to “Budget vs. Actual Charts – 14 Charting Ideas You can Use”

    • Linwe says:

      Hi there:

      I'm interested in understanding exactly how contestants #'s 1, 8 got their surplus or shortfall to show up at the top of the bar (is this overlapped or stacked somehow) and change colour?  I hope this makes sense.  I've tried to find samples and I can see contestant 8 (cuboo) may have used something called graphomate but I can't use this.  

      I need to create a bar chart that shows budget, and actual variance whether it be a surplus or a shortfall and I would like make it look like option 1 or 8 above but haven't  a clear idea how to do it...any help would be greatly appreciated!

      Regards..Linwe 

  1. [...] heute können alle Beiträge auf “Pointy Haired Dilbert” gesichtet und bis zum 12.04. bewertet werden. Falls mein Vorschlag - Nr. 8 - gefällt, freue ich [...]

  2. Jon Peltier says:

    #6 is the best here. Simple, no extraneous visual effects.

  3. Kevin Stanford says:

    I was all set to vote for #9...until I noticed its lack of y-axis labels. So I have to go with #6 also.

  4. I think #6,#9 is enough .

  5. Barfly says:

    #9 is my favorite
    Nice data/ink ratio 😉

  6. Tony Rose says:

    I agree with Jon - #6 for me.

  7. Gale says:

    8 & 14

  8. Fabrice says:

    I go for # 9 (simple) and #14 (complete)

  9. fulvioo says:

    I go for cuboo #8
    cheers

  10. Robert says:

    #6 for overview at a glance / top management
    #8 for deeper analysis / those who need more detailed information

  11. Bob Gannon says:

    #14 although I think you only need the bottom panel and I then would stack the Center charts vertically to make Center comparisons easier.

  12. Denise says:

    #10 gets my vote.
    If there is a second place, then #14
    denise

  13. Tin Seong KAM says:

    Hi, if I was not wrong, Samples 3,4 and 5 were created using Tableau software and not Excel. For more information on Tableau you might want to visit http://www.tableausoftware.com/. It was initially designed by Prof. Pat Hanrahan and his PhD students. I am not their salesperson but I thought someone might want to know more about this particular technology.

    • Linwe says:

      Hi Tin Seong Kam:
       
      Thanks - I have looked at Tableau before.  I have also found the means to reproduce something similar to chart 8 without using graphomate, and also chart 7.  I proposed chart 9  as well but the overlap is confusing to some.
      I am really not too concerned about showing actual budget figures but the variance in $ and % is important for my particular use.  That is why I gravitate to the charts that seem to easily tell us that we have a surplus or a shortfall.  
       
      Thanks!
      Linwe
       

  14. Anamika says:

    11, 6, 9 (presque pareil)
    7 pour la clarté

  15. Haki says:

    cuboo #8 ist my favorite
    best regards...

  16. la'cruse says:

    8 is fantastic

  17. Stefan Sandauer says:

    I prefer N#8 - N# 1,7 & 8 use the settings of Rolf Hichert...

  18. SANTOSH CHAUBE says:

    6 : The GURU (read "Jon Peltier ") has spoken,
    SOO easy on eyes!

  19. Sumit says:

    Hi Chandoo,

    I liked Cuboo's submission. So #8 gets my vote.

    Regards,
    Sumit

  20. jram says:

    Number 8 by far. Even though it's not part of the data display, the comments feature sells me. Variance explanations are as important as the actual variances.

  21. Cyril Z. says:

    I visually prefer #8, but #3 is really easier to understand, even if it lacks a lot of information (inverting budget/actual), legend, etc...

  22. [...] All in all there are several great entries suggesting a good variety to present budget vs. actual performance. Go check them out. [...]

  23. [...] reshape, zoo by learnr A reader of a Pointy Haired Dilbert blog enquired about best ways to visualise budget vs. actual performance. In response PHD challenged his blog readers to contribute their visualisations made using Excel or [...]

  24. anyone willing to post their xls for these? Some really excellent exmaples.

  25. PublicSectorPlanner says:

    To avoid the summary execution of the person presenting these to an executive team these charts must handle overspending as well as underspending, be comprehensible in 5 seconds and show the key fact clearly. The key fact isn't budget or actual - it's the magnitude of the gap!

    Therefore:

    #14 for nailing the key fact and being able to handle overspending. The winner therefore.
    #6 for nailing speed-reading and being able to handle overspending, but somewhat obscuring the key fact. Second place.
    #8 for nailing information depth and aesthetics. Third place.

    I really wanted #8 to win, but that's the technician's view not the end-user's.

  26. [...] Todas as contribuições podem ser vistas no seguinte endereço: Budget vs. Actual Charts – 14 Options You can Use Posted on April 5th, 2009 http://chandoo.org/wp/2009/04/05/budget-vs-actual-charts/ [...]

  27. Social comments and analytics for this post...

    This post was mentioned on Twitter by NancyJHess: I like to explore fav tweets of those I follow. Here is one from DutchDriver http://twurl.nl/17eiap Creative visual charts: Budget vs Actual...

  28. jon says:

    number 8

    clean, full of info, qualitative as well as quantitative

  29. Virender Singh says:

    Hi,
    I Like 4 chart in above as per the following ratings:-
    no 1# -> 14***
    no 2# -> 7***
    no 3 # -> 8**
    no 4# -> 1.3**

    I will be greateful if someone can send me the process of making all above 4 charts.

    Virender

  30. Shazbot says:

    Does anyone know what type of chart #6 is (chart name?)? Also, how do I create this is Excel 2007?

  31. Hui... says:

    @Shazbot
    I'd call it a Column and Bar chart, but don't get hungup on names

    To make it try this:

    Setup the chart as a Clustered Column Chart
    Change the Series so there is 100% overlap, ie: One column is in front of the other
    Change the Budget series to a line chart
    Set the line color to none
    Set the marker style to a Flat Line
    Change the marker width to make it the same width as the bar
    Change colors and other chart properties to suit

  32. Caroline says:

    Does anyone have an idea on how to create chart #1?
    Thanks

  33. Stefan says:

    Caroline, please see the german page: http://www.hichert.com/de/software/exceldiagramme/55

    there you can find the original example for nr1.
    best regards,
    stefan

  34. Hui... says:

    Caroline
    This is a Clustered Stacked Column Chart
    Which has the column under the Shortfall/Excess colored the same as the Budget
    Have a look here

    http://chandoo.org/forums/topic/question-about-budget-v-actual
    &
    http://peltiertech.com/WordPress/clustered-stacked-column-charts/

  35. Vijay says:

    Hi,
    Is it possible to get the source files like the other visualisation challenge (on sales).
    Thanks,
    Vijay

  36. Vijay Raghavendran says:

    Dear Chandoo,

    I discovered your site by pure chance and I am really thrilled about it and I am learning a lot.
    Is it possible to post the source file for this visualisation challenge?

    Thanks,

    Vijay

  37. Greg says:

    Dear Chandoo,

    How do I create Chart #10 (comparing Budget vs Actual Performaces) by cost center by quarter without the cumulative performance. Do you have an actual example that I could use?

    Thanks,

    Greg

  38. OKI says:

    HI

    Does anyone can help me to a to create chart #7? I'm beginer in excel , I started to work two weeks ago and my boss ask me to follow the budget/actual until the end of the year.
    SO I really need your help.
    Thanks in advance

    p.s Sorry for my english ( i'm french)

  39. Hui... says:

    @OKI, Greg

    I have made a mockup of #7 and #10
    It is available at:
    http://chandoo.org/wp/wp-content/uploads/2009/04/Bud-Act-visualizaion-challenge-7+10..xlsx

    #10 is a straight, Pivot Chart/Table but the data has been rearranged to get it into the pivot table

    #7 is 2 charts, being a simple Bar Chart and a Scatter Chart with 100% Error Bars
    I have used Named Formulas for the two charts.

  40. OKI says:

    HELLO Hui
    Thanks you very much for your hepl , i really appreciate

    Have I nice week

  41. Tony says:

    Hi,

    I was wondering how can you replicated chart 1.3? The bars looked like there overlapped on two different axis?

    Tony

  42. BINDU says:

    I think 1 & 3 are good.

  43. Sawan says:

    Hi Chandoo,
    Please can you provide a link of the excel sheet for 1. Chart "3 colors and everything is clear"

    I would like to drill into the spreadsheet and learn the secrets as how the chart was made.

    Many thanks,
    Sawan

  44. Hui... says:

    @Sawan
    It is probably 12 seperate charts, I will assume snapped to the underlying cells to ensure they are the same size
    The left 3 Charts have a vertical Axis
    The bottom 4 Charts have a horizontal Axis
    The remainder have no axis
    The remaining text maynot be part of the charts but is probably cell content

  45. Juan Carlos Etayo says:

    Saludos,

    Como puedo descargar estos maravillosos ejemplos para estudiarlos y analizarlos deseo aprender a realizar este tipo de graficas en Excel.

    Gracias,

  46. Michelle says:

    Dear Chandoo and Hui,

    Please would you help me (step by step if possible) to create Chart #8?

    Many thanks in advance!

  47. Phoebe says:

    Dear Chandoo,

    I think chart #8 is really great. Would really appreciate if you can show basic step to create it.

    Thanks 🙂

  48. Sawan says:

    Hi all,
    Is there any step by step tutorial to recreate the the chart #1 please?
    Would really appreciate if someone could show me how it done.
     
    Regards
    Sawan

  49. ExcelNerd says:

    Can someone tell me how do you create chart number 2? Thanks!

  50. Robert says:

    Am I the only one that can not display any of the images?  Would love to take a look at these.  This is the ONLY page on the whole website I have had this issue with. 🙁

  51. Hassan Mirza says:

    Dear All,
    how can i create chart # 7? is there any link where i can subscribe to your website by paying a certain amount. i want to learn some good excel techniques.
    please let me know.

  52. Carlos says:

    Cant see the images 🙁

  53. Sunil B says:

    Where can I find the link to download some of the above charts?? these are extremely usefull chart and would like to utilize the same.
    Waiting for the reply.
    Thanks..

  54. Khaled Mohamed Abdel Aziz says:

    I am interested for # 1,6,7,8,9,10,11 its very exciting for me .

  55. satyapal says:

    Hi,
    Just wanted to check, is there any possibility that pivot table or drop down work in power point?
    Regards
    Satyapal

    • Chandoo says:

      @Satyapal... you can only use static images or slide animations in Power Point. Not features like pivot tables or drop downs. However, you can embed the entire workbook (or sheet) in a presentation. When clicked this will just open Excel so your users can play with the data.

  56. Ramesh N says:

    Is there any instalment kind of facility available for joining the online course of Rs.12000/-.

    Regards

    Ramesh N

  57. Tim says:

    Hi,

    I badly want to replicate #10. Can someone help me.. I've checked google to help but I can't figure out how to add the total 🙁

    Regards,
    Tim

Leave a Reply