Create charts with conditional formatting

Sometime last week, I posted a blog regarding how to make your charts look amazing.  Afterwards a colleague asked me how to make one of the charts; the conditional line chart (slide 8).

graphs 12

Actually it’s quite simple.  The key is in the set up of the data.  You can follow the process through with this example spreadsheet.  Imagine you have a table of results, similar to the one below:

table

You’ve added icon sets using the conditional formatting in excel and now you want to show these results in a chart displaying the results above and below target, either as a column graph, or as a line chart.  To show you what I mean, I’ve posted a picture below, showing the results and the target lines in both graphs.  I’ve selected blue as being above target and grey as being below, but you can use any colour!

charts

So how can you do it?

Setting up the data

Regardless of whether you want a line chart or a column chart, you need to pre-prepare the data.

  1. Add 3 new columns entitled “<target”, “>=target” and “Target”.
  2. In the first new column (“<target”), type in the formula below in the first line of the table (note the use of the dollar symbol):
      =IF($C3<10,$C3,NA())
      This assumes that your original results are in column C, rows 3 to 10 and that the first row of data is in row 3. You can of course change this. Basically, the formula checks the result in the same line as the formula. If the result is below target (10), it will show the result. If not, it will show #N/A – written in excel formula as NA().
  3. Copy and paste the formula in the first row to the next column, then change the “<” symbol to “>=”.  The $ symbol before the C should prevent Excel from transposing the column.  The formula should read:
      =IF($C3>=10,$C3,NA())
      This will do a similar function to the previous formula except it will only display the result if it is greater or equal to the target (10) or display #N/A.
  4. Copy and paste the formula in the first 2 columns down the table to fill each row.
  5. Type in the target in the third column.
  6. Add conditional formatting if you wish etc.
  7. Your table should now look something like this:

table 2

Create a bar chart with target line

  1. Click on the insert tab > column chart > stacked column.insert stacked column
  2. Set up the three series using columns “<target”, “>=target” and “Target” and give each series a name e.g. “Below target”, “Above target” and “Target”.
  3. Add the Horizontal axis labels (the date column) and press the OK button.select data source
  4. Your chart should look like this:chart 1
  5. Right click on the “Target” series and choose “Change series chart type”.change series chart type
  6. Change the series chart type to a normal line graph and press the OK button.
  7. Your chart should now look like this:chart 2
  8. Delete the legend.
  9. Delete the major axis grid lines and colour the series’ etc as you wish.  Again, I’ve chosen blue for above target and grey for below target, with a dark blue line for the target.
  • If you wish to extend the target line as shown in the original drawing follow steps below.
  • Click on the target line and press Ctrl+1 to open up the format data series menu box.
  • Choose to plot the line series on the secondary axis and press Close.  The graph will automatically update.
  • On the ribbon, click on Chart tools > Layout > Axes > Secondary Horizontal Axis > Show Left to Right axis.

secondary horizontal axis

  • Double click the new horizontal axis at the top of the graph.
  • At the bottom of the Axis options, choose to position the axis “On tick marks”.

format axis

  • Then change the Major tick mark type to None and Axis labels to None and press the Close button.
  • With the axis still selected, click on Chart tools > Format > Shape Outline > No outline to remove the remaining line at the top of the chart.
  • Double click the secondary vertical axis and adjust the scale to match the primary vertical axis on the left and then delete it.  Your chart is done!

column chart

Create a conditional line chart

  1. On the ribbon, click on Insert > Line > 2D Line > Line chart.
  2. Right click on the chart object and click on Select Data.
  3. Add the four series as shown below (in the same order!):select data 2
  4. Click on the Results series and Add the dates as Horizontal Axis labels and press the OK button.chart 3
  5. Click on one of the series, and press Ctrl+1.
  6. Set up the formatting as shown below (use the Chart tools > Format tab and Current selection part of the ribbon to help you select the different series).  I’ve used the same colours as for the bar chart:
    • Results series: Grey line, no markers
    • Below target series: NO LINE, grey markers, with grey marker line
    • Above target series: NO LINE, blue markers, with blue marker line
    • Target series: Dark blue line, no markers

line chart

Note: The reason we used #N/A in the data set up, was so that excel doesn’t plot a “0” in the gaps where the data is missing in each series.

The chart is complete.  Remove the legend and horizontal grid lines as you wish!  Please feel free to download and use the example spreadsheet.  Enjoy!

Alesandra

10 thoughts on “Create charts with conditional formatting

  1. Thanks a lot for writing “Create charts with conditional formatting”. I actually might really wind up being back again for even more browsing and commenting here soon enough. With thanks, Susie

  2. Pingback: Quora
  3. Thanks so much for this tutorial. It was very helpful!

    Would you happen to know how to apply conditional formatting to a pivot chart that has a report filter?I was almost successful but I have one more roadblock. Any clarity would be great!

Leave a comment