Create your first interactive chart in Excel with this tutorial

Share

Facebook
Twitter
LinkedIn

Ever wanted to make a cool, snazzy interactive chart in Excel? Something like this:

Interactive chart in Excel - howto

In this tutorial, learn all about making your very first interactive chart.

 

Click here to download the workbook with chart template and all the formulas. Refer to it while reading the article.

Interactive chart in Excel – Tutorial

There are several ways to make an interactive chart in Excel. You can use data validation, form controls, slicers, timelines, VBA or hyperlinks. In this tutorial, learn how to make an interactive chart with data validation and slicers. For other techniques, refer to resources section of this post.

Interactive chart with Data Validation

Let’s say you are the product manager at Billette consumer care. You are looking at historical order quantity data for various products. Your data looks like below:

Sample data for interactive chart

Making one chart with all of this is going to be very busy and hard to read. You want to make a dynamic or interactive chart so your boss can choose which product she wants to analyze and understand the order trend.

Step 1: Make a list of all choices

  • List of option for your users - interactive chartSelect all the product names and go to Namebox (top left corner) and type a name like products.
  • Alternatively, you can also list the product names in a separate range and give that a name.

Let’s say we have the products in the products name.

Step 2: Set up selection mechanism

  • Decide which cell will have the user selection. Let’s say this is Q5. Select the cell and go to Data > Data Validation.
  • Change validation criteria to Allow > List.
  • Type products in the Source. Click ok.

data validation list - interactive chart

Now, we have way to select product in the cell Q5.

Related: Excel basics – How to setup in-cell drop downs in Excel.

Step 3: Find out which product is selected

If we want the name of the product selected, we can simply use =Q5. For the rest of calculations, we need the number of the product (ie what is the position of the selected product in products). For this, we can use MATCH formula, like below.

Type this MATCH formula in an empty cell like I3.

=MATCH(Q5, products, 0)

This will return a number, matching the product user has picked.

Step 4: Calculating order quantity to show in the chart

Now, assume we have the number of product selected in cell I3. Given this, we can calculate picked product’s quantity using a simple INDEX formula:

=INDEX(data1[@[Soap]:[Deodorant]],$I$3)

If your data is in a normal range, rather than a table, use a formula like this:

=INDEX(C6:H6,$I$3)

Fill down the formula.

Using INDEX formula for interactive chart

Now that we have calculated product quantity values for selected product, if you change I3, you will see values for the relevant product.

Step 5: Create the chart

Now that all the background work is done, let’s insert a chart.

Simply select picked product column and insert a column or line chart. We get this:

Making interactive chart in excel - step 1

First, let’s add axis labels. Right click on the chart and go to select data. Edit horizontal / category labels and select the month column.

Now, remove chart title and chart border (set it to no line). We end up with something like this:

Making interactive chart in excel - step 2

Step 6: Bring everything together

Are you ready for the chart? We are almost done. We just need to bring everything together and our first interactive chart will be kicking and beating.

  • Position the chart under cell Q5 (the data validation selection cell)
  • Go to Insert > Shapes > Rounded Rectangle and draw a nice big rectangle around the chart and Q5.
  • Remove fill color from the shape and adjust the line.
  • Now, when you pick a new product from Q5, your chart will update.

Making interactive chart in excel - final result

Interactive chart with Pivot Table and Slicer

If you are too shy to INDEX + MATCH on weekdays, you can try the Pivot Table approach. This works very well and let’s you make equally amazing interactive charts. See below quick demo.

interactive chart with Pivot Tables

Keep in mind that your data needs to get fit. Rearrange so it looks like this. If you need help, read: Unpivot data quickly with Power Query.

Data for pivot table slicer interaction

Step 1: Insert a pivot from your data

Select your data (month, product and quantity columns) and insert a pivot table.

  • Add Month to row labels area. In newer versions of Excel, this will create date hierarchy – Year, Quarter and Month. If so, drop Quarter.
  • Add Quantity to values area.
  • Right click on Product and add it as a slicer.

Pivot table setup for interactive charts

 

Related: Introduction to Excel Pivot Tables

Step 2: Insert a pivot chart

Select any cell inside the pivot and go to Analyze ribbon > Pivot chart. Select either a line or column chart.

We get this:

pivot chart default behavior

In newer versions of Excel, you can insert a pivot chart directly from data. But I find the pivot table first approach better as you can adjust items you want before charting.

Step 3: Format the pivot chart

  • Select the pivot chart and go to Analyze ribbon and turn off Field Buttons.
  • Replace chart title with “Total Order Quantity in last 13 months” or something like that.
  • Set chart border to No line.
  • Position the slicer adjacent to the chart.
  • Draw a rounded rectangle around the thing
  • Our interactive chart is ready for play.

Optional makeup hints:

If you want more bang for your chart,

  • Add a sub-title describing the trend. Refer to download example file for inspiration. Read: Give descriptive titles to your charts
  • Set limits on the vertical axis. By default Excel will change Y axis limits whenever your pick a product. This can create some distortion of the numbers and confuse your users if they want to compare products. You can format the axis and set limits. Select the axis, press CTRL+1 and set minimum to 0 and maximum to highest possible value (rounded of course). For our example, this could be 2000. This way, only bar heights change, not the axis.
  • Adjust gap width. Excel would pick some ridiculous value like 219%. Adjust this to 100% or something like that for less white space on the chart. To do this, click on the columns, press CTRL+1 and from Series options adjust the gap width.

Create your first interactive chart in Excel – Video tutorial

Check out below video tutorial to understand all these steps in detail. Make sure you practice by downloading the example workbook. Watch it below or on our YouTube channel.

Download Excel Interactive Chart workbook

Please click here to download interactive chart workbook. Play with charts and examine formulas to learn more.

Want more interactive charts?

Check out below examples to see what else is possible.

What is your favorite way to make interactive / dynamic charts in Excel?

I used to make charts with formulas all the time. But now a days, I prefer making them with pivot table + slicer route if possible. This reduces the amount of formula work needed and still gives awesome results.

What about you? What is your favorite technique for creating interactive charts? Please share in the comments section.

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.

30 Responses to “Rescue oddly shaped data – Battle between Formulas, VBA and Power Query”

  1. MF says:

    Nice use of Power Query! Power Query is simply awesome! But somehow a lot of people are punishing themselves by not using it (not learning it).

    An imperfect 4th approach for consideration... no codes at all...
    Select myrange.
    Go to Special --> Blank
    Delete Cell --> Shift cell left
    90% done... now we just need to move the data of 2nd column to the bottom of 1st column
    Of course... Power Query is the best.
    Cheers,

  2. There is another way but it involves multiple steps:
    Copy the values in column E, move the cursor to F5, Paste Special with Skip Blanks, OK
    Copy the values in column D, move the cursor to F8, Paste Special with Skip Blanks, OK
    And so on.
    This works perfectly, albeit a little clumsily apart from the values in B17 and C16, which can be moved with simple copy and paste

  3. Robson says:

    Power Query Forever! I do not know how I survived for so long without knowing and using this tool, I can not recommend it to my colleagues, but by the way they prefer to suffer to learn.

    My congratulations here from Brazil.

  4. Haz says:

    I rolled my eyes when I saw that data

    Using decimal places is a nice trick to order data, thanks for that

    And tweaking the first formula a bit, you can use OFFSET instead of INDIRECT

    =OFFSET($A$1, MIN(IF(myrange, ROW(myrange)), ROWS(A$1:A1))-1, RIGHT(TEXT(MIN(IF(myrange, ROW(myrange) + COLUMN(myrange)*0.00001), ROWS(A$1:A1)), ".00000"), 5)-1)

    • Michael Connor says:

      Tried the above formula with the downloaded oddly shaped data file and I could not get it to work. I get #value without ctrl+shift+enter, and #ref with ctrl+shift+enter.

      • Haz says:

        Sorry, it was SMALL, not MIN.
        Add with CTRL+SHIFT+ENTER.

        • Michael Connor says:

          Thank you for your formula. Like the indirect formula I tested this one in older versions of EXCEL and it worked without ALTERATION in EXCEL 95. Very impressive.

  5. Bertie Hechter says:

    Too complicated

    Use =Sum to summarize all the sells to the left and Bobs Your Uncle

  6. Michael Connor says:

    I tested this formula in versions of Excel all the way back to Excel 95

    =IF(ISERROR(INDIRECT("R"&SUBSTITUTE(TEXT(SMALL(IF(MyRange"",ROW(MyRange)+COLUMN(MyRange)*0.00001),ROWS(A$1:A9)),"00000.00000"),".","C"),FALSE)),"",(INDIRECT("R"&SUBSTITUTE(TEXT(SMALL(IF(MyRange"",ROW(MyRange)+COLUMN(MyRange)*0.00001),ROWS(A$1:A9)),"00000.00000"),".","C"),FALSE)))

    So there are multiple ways of cleaning up messy data by formulas.

    • Chandoo says:

      Wow.. Excel 95. Who knew people still use that. But as you have shown, Excel has all these beautiful and powerful functions for 23 years. It has data sciency stuff before DS was even a thing.

      • Michael Connor says:

        I had a problem with pasting the formula in the original post.
        Formula should be: =IF(ISERROR(INDIRECT("R"&SUBSTITUTE(TEXT(SMALL(IF(myrange"",ROW(myrange)+COLUMN(myrange)*0.00001),ROWS(A$1:A1)),"00000.00000"),".","C"),FALSE)),"",(INDIRECT("R"&SUBSTITUTE(TEXT(SMALL(IF(myrange"",ROW(myrange)+COLUMN(myrange)*0.00001),ROWS(A$1:A1)),"00000.00000"),".","C"),FALSE)))

        EXCEL even in a 16 bit version, is a very robust and capable program.

  7. Michael Connor says:

    I don't like the VBA code. If you have a blank row in MyRange, the last entry in the range is doubled up in the paste.here range.

    • Chandoo says:

      Not really. The macro is writing one cell at a time from paste.here. You have to clean the range before, which I was too lazy to write. But a line like Range(range("paste.here"), range("paste.here").end(xldown)).clearcontents should do the trick.

      • Michael Connor says:

        Adding Range(range("paste.here"), range("paste.here").end(xldown)).clearcontents fixed the problem.

  8. A Rakesh Patro says:

    for step split column by delimiter i am not getting option of split into rows or columns. Can you help me in this

  9. Marc says:

    Thanks Chandoo for promoting Power Query.

    To simplify further, you can "Unpivot Columns" instead of right click on the newly created column and split it by comma in to rows in step 3 of Power Query.

  10. johan says:

    i used

    =LOOKUP(10000,B5:F5)

    and got the answers. I just plagiarized this formula somewhere and use it, maybe you can explain why it works.
    Regards

    • Chandoo says:

      @Johan... I am not sure if the formula works correctly. When I tested it with the sample data in this post, it showed #N/As in two cells. Essentially, it will only give first value in each row. So if a row has multiple values, then subsequent values are missed. LOOKUP() function goes thru a list and finds the first value that is less than or equal to the input - in this case 10000 in B5:F5.

  11. Ben says:

    I have the need to convert pdf's to excel on occasion and they often come out a mess like this. I have used:

    Cell G2 =COUNT(myrange)
    Cell G3 =IFERROR(IF(G2-1<1,"",G2-1),"") copied down to G100
    Cell H2 =IFERROR(LARGE(myrange,G2),"") copied down to H100

  12. Patrick says:

    Waouw...

    =IFERROR(INDIRECT("R" & SUBSTITUTE(TEXT(SMALL(IF(myrange "", ROW(myrange) + COLUMN(myrange)*0.00001),
    ROWS(A$1:A1)), "00000.00000"), ".", "C"), FALSE), "")

    but CTRL Shift Enter with {} before and after 🙂 😀

  13. Peter B says:

    Another possibility.
    This assumes that you have a row index 'k' to use in the SMALL function and a column index 'h' to identify the columns of 'myRange'.
    If you define 'coord' to refer to
    =k+h/10 [assuming h<10]
    then it will be possible to recover values later based upon location within 'myRange'. The formula 'nb' that identifies non-blanks by coordinates is given by
    = SMALL( IF(myRange"", coord), k )
    Finally, to unpick the pieces
    = INDEX( myRange, INT(nb), 10*MOD(nb, 1) )

  14. Peter B says:

    Whilst I am here and making trouble the PQ solution is also a tad over-complicated. All that is needed is to unpivot the entire table and remove the Attribute column.

    The advanced editor would show
    let
    Source = Excel.CurrentWorkbook(){[Name="myRange"]}[Content],
    #"Unpivoted Columns" = Table.UnpivotOtherColumns(Source, {}, "Attribute", "Value"),
    #"Removed Columns" = Table.RemoveColumns(#"Unpivoted Columns",{"Attribute"})
    in
    #"Removed Columns"

  15. vivian.liu says:

    1.fill the blank cells with 0
    2.the requested column value=sum of those mess number column
    but this can be used in only one column has value

  16. Juan Carlos Barreto says:

    Chandoo

    And if we use the formula SEARCH (100000000, B5: F5)

    JC

  17. Daniel Dion says:

    Another approach with Power Query, it will still work if the number of columns changed:
    let
    Source = Excel.CurrentWorkbook(){[Name="myrange"]}[Content],
    #"Added Custom" = Table.AddColumn(Source, "List", each Record.ToList(_)),
    #"Removed Other Columns" = Table.SelectColumns(#"Added Custom",{"List"}),
    #"Expanded LIst" = Table.ExpandListColumn(#"Removed Other Columns", "List"),
    #"Filtered Rows" = Table.SelectRows(#"Expanded LIst", each ([List] null))
    in
    #"Filtered Rows"

  18. Bob says:

    Nowadays, you can just use TOCOL on Excel 2024, MS 365, and Web Excel. It has a parameter to ignore blanks/errors/both.

Leave a Reply