Create your first interactive chart in Excel with this tutorial


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.

Chandoo

Hello Awesome...

My name is Chandoo. Thanks for dropping by. My mission is to make you awesome in Excel & your work. I live in Wellington, New Zealand. When I am not F9ing my formulas, I cycle, cook or play lego with my kids. Know more about me.

I hope you enjoyed this article. Visit Excel for Beginner or Advanced Excel pages to learn more or join my online video class to master Excel.

Thank you and see you around.

Related articles:

Written by Chandoo
Tags: , , , , , , , , , ,
Home: Chandoo.org Main Page
? Doubt: Ask an Excel Question

8 Responses to “Create your first interactive chart in Excel with this tutorial”

  1. JoAnn Paules says:

    Similar to your Pivot Chart technique, I've created interactive charts using tables and slicers. Table slicers do not have to be on the same sheet as the table or can even be copied to another sheet.

    I also like using dynamic chart headers so if someone prints just the table, they know what the data refers to.

  2. MF says:

    I prefer a combination of it. Pivot Chart is good and easy to create. However it has its limitations, esp. on formatting. I used to create pivot tables to get the aggregation I needs; connect pivot tables with slicers; set up a table for charts with formula and GETPIVOTDATA. Then I can get more controls on the charts.

    Having said that, I think that Pivot Chart is a good way for most users to create an interactive chart. 🙂

  3. Sudheer Puliyath says:

    Great tutorial samples excel based charts.
    Thank you for sharing.

    Best Regards,
    Sudheer Puliyath

  4. Thanks for the guide. Very Informative article. keep on sharing such informative blogs.

  5. […] first article explains how to create an interactive chart in Excel. Remember you can always create interactive charts using Pivot Charts and Slicers. But this […]

  6. Lu says:

    Great timing!!! I needed to work on a dashboard today!!! Looking forward to seeing you in Australia... later this year! Thanks Lu

  7. Kutty says:

    Sir,
    I want to add month in left side and Item name in bottom. I want to show all item in one chart with month wise
    Is it possible?

    Please help me.

  8. Víctor De los Cobos says:

    Hello,
    Thank you for your teachings and share your knowledge. This graph is excenete.
    Regards ...

Leave a Reply


« »