Add pictures to a chart axis
This article demonstrates how to insert pictures to a chart axis, the picture above shows a column chart with country names and their corresponding flags below each column.
What's on this page
1. How to insert pictures above column chart item names
Watch this video to learn how to build the above chart or follow the instructions below the video.
1.1 How to create a column chart
- Select a data range
- Go to tab "Insert" on the ribbon.
- Press with left mouse button on the "Column" button, a pop-up menu appears. See the image below.
- Press with mouse on the "Clustered column" button.
1.2 How to insert pictures above column chart names
- Press with right mouse button on on the second series and press with left mouse button on "Change Series Chart Type...".
- Change it to x y (scatter) and press with left mouse button on "Scatter with only markers".
- Remove axis and legend
- Press with right mouse button on on x axis and press with left mouse button on "Format Axis..."
- Change label distance to 500
- Press with left mouse button on a x y scatter data point
- Paste a picture. I resized the picture to 25 px width first.
- Repeat step 7 and 8 with the remaining pictures.
2. How to add pictures above chart columns
The image above shows pictures above each column, I will below describe how I built this chart.
2.1 Insert column chart
- Select cell range B3:C7.
- Go to tab "Insert" on the ribbon.
- Press with left mouse button on the "Column" chart button. A popup menu appears.
- Press with left mouse button on the "Clustered column" button.
2.2 Add a second series
- Press with right mouse button on on the chart. A popup menu shows up.
- Press with mouse on "Select data...". A dialog box appears.
- Press with left mouse button on "Add" button. Another smaller dialog box is now visible on the screen, see image above.
- Press with left mouse button on "up pointing arrow" next to "Series values:".
- Select cell range D3:D7.
- Press with left mouse button on the OK button.
- Press with left mouse button on the OK button again.
2.3 Change chart type to scatter chart
- Press with right mouse button on on the second series shown on the chart. A popup menu appears.
- Press with mouse on "Change Chart Type...". A dialog box shows up.
- Change the second series to an x y scatter chart, see image above.
- Press with left mouse button on the OK button.
2.4 Add pictures to markers
- Doublepress with left mouse button on the first dot to open the settings pane.
- Press with left mouse button on again on it to select it. You don't want the entire series selected.
- Press with left mouse button on "Fill & Line" button on the settings pane.
- Press with mouse on "Marker Options" to expand settings.
- Press with left mouse button on radio button "Built-in".
- Press with left mouse button on drop-down list next to Type.
- Press with mouse on image button located at the very end of the drop down-list, see image above.
- Select "From a File".
- A dialog box appears, select a file name.
- Press with left mouse button on "Open".
Repeat above steps with remaining images.
Change the values in cell range D3:D7 so the images appear above the columns. You can also use the same value in all cells to align images above all columns if you prefer that.
3. How to add pictures next to y-axis values
The image above shows pictures next to the y-axis in a column chart. I will below describe how I built this chart, basically, it is two different chart types combined into a combo chart.
3.1 Create a column chart
- Select cell range B3:C7.
- Go to tab "Insert" on the ribbon.
- Press with left mouse button on the "Insert column or bar chart" button. A pop-up menu appears.
- Press with left mouse button on the "Clustered column" button.
- A chart appears, see image above.
3.2 Add a second series
- Press with right mouse button on on the chart. A context menu appears.
- Press with mouse on "Select Data...". A dialog box shows up.
- Press with left mouse button on the "Add" button. Another smaller dialog box appears, see image above.
- Press with left mouse button on the "Arrow pointing up" button next to "Series values:".
- Select cell rage F3:F7.
- Press with left mouse button on "OK" button.
- Press with left mouse button on "OK" button again to dismiss the larger dialog box.
The chart now looks like the one above.
3.3 How to change the chart type of the secondary series?
- Press with right mouse button on on the second series. A popup menu shows up.
- Press with left mouse button on "Change Series Chart Type...". A dialog box appears, see image above.
- Press with left mouse button on the "drop-down" button that corresponds to "Series2".
- Press with left mouse button on the "Scatter" chart button to select it.
- Press with left mouse button on the "OK" button.
3.4 Add x-axis values to series2
- Press with right mouse button on on the red dots.
- Press with left mouse button on "Select data...". A dialog box appears.
- Press with mouse on "Series2" to select it.
- Press with mouse on the "Edit" button.
- Press with left mouse button on the "Arrow pointing up" next to Series X values:".
- Select cell range G3:G7.
- Press with left mouse button on "OK" button.
The chart now looks like the one shown in the above image.
3.5 Insert chart marker pictures
- Press with mouse on a red dot twice to select it.
- Press with right mouse button on on the selected dot. A popup menu appears.
- Press with mouse on "Format Data Point...". A settings pane appears probably on the right side of your screen.
- Press with mouse on the "Fill & Line" button, see the image below.
- Press with mouse on "Marker Options" to expand settings.
- Press with mouse on the radio button "Built-in".
- Press with mouse on the drop-down list to expand it.
- Press with mouse on the image button located at the very bottom.
- A dialog box appears.
- Press with mouse on "From a File". A dialog box shows up.
- Select the image you want to use.
- Press with left mouse button on "Open" to use it.
The image appears on the chart where the dot was located.
Repeat the above steps with the remaining dots and images you want to use.
3.6 Final adjustments
3.6.1 Remove major gridlines
- Press with mouse on a horizontal gridline to select all grid lines.
- Press with left mouse button on the "Delete" key to remove them.
3.6.2 Move y-axis to category 1
- Doublepress with left mouse button on the x-axis to open the settings pane.
- Press with mouse on the "Axis Options" button.
- Press with mouse on "Axis Options" to expand settings.
- Press with mouse on the radio button "At category number", type 1.
- Press with mouse on the worksheet to apply settings.
3.6.3 Add y-axis line
- Double press with left mouse button on y-axis values to open the settings pane.
- Press with mouse on "Fill & Line" button.
- Press with left mouse button on "Line" to expand settings.
- Press with left mouse button on "Solid Line"
- Pick a line color.
3.6.4 Remove 0 (zero) from chart axis
- Double-press with left mouse button on y-axis values to open the settings pane.
- Press with mouse on the "Axis Options" button.
- Press with mouse on "Number" to expand settings.
- Press with mouse on the drop-down list below "Category".
- Select "Custom".
- Change type to 0;;
- Press with mouse on the worksheet to apply settings.
4. How to add pictures to a bar chart axis
You can use the same technique with a bar chart.
Other interesting chart techniques
- An animated bar chart
- Highlight a group of chart bars
- Format fill color on a column chart based on cell color
- Use drop down lists to compare data series in an excel chart
- Highlight a data series in a line chart
- Use a map in an excel chart
- Custom data labels in a chart
Charts category
Table of Contents How to add lines between stacked columns/bars (Excel charts) Use slicers to quickly filter chart data How […]
Table of Contents How to create an interactive Excel chart How to filter chart data How to build an interactive […]
Table of Contents How to graph a normal distribution How to build an arrow chart How to graph an equation […]
Scatter x y chart category
Table of Contents How to graph a normal distribution How to build an arrow chart How to graph an equation […]
What's on this page Custom data labels Improve your X Y Scatter Chart with custom data labels How to apply custom […]
This tutorial shows you how to add a horizontal/vertical line to a chart. Excel allows you to combine two types […]
Excel categories
7 Responses to “Add pictures to a chart axis”
Leave a Reply
How to comment
How to add a formula to your comment
<code>Insert your formula here.</code>
Convert less than and larger than signs
Use html character entities instead of less than and larger than signs.
< becomes < and > becomes >
How to add VBA code to your comment
[vb 1="vbnet" language=","]
Put your VBA code here.
[/vb]
How to add a picture to your comment:
Upload picture to postimage.org or imgur
Paste image link to your comment.
Contact Oscar
You can contact me through this contact form
Great technique and one I have not seen before.
For those that may not know, you can add a custom number format to the axis to remove the negative numbers if you don't need them. Just press with right mouse button and format the axis. Then from number choose custom, and enter the positive number format, a semicolon, keep it blank for the negative numbers, a semicolon, and then the format that you want for zero (you can use a blank here if you want to remove the zero too) For example, I would use 0;;0 for this chart.
Darin Myers,
great comment!
Thanks for a great idea. I'll use it.
//Ola
Made one small improvement:
To auto-adjust the flag position when the maximum value change.
D3toD7: =MAX($C$3:$C$7)*(-1,5/22) -- chart size constant
and change...Format Axis, Bounds, Minimum to Auto
Ola,
thank you for your formula, it works fine.
Helo.
I find your comment interesting, but dont know where to type formula? And also i dont know why we dont just select the chrat and then inser the picture. It automaticly inserts picture into chart area. Then all you have to do is resize the picture manually.
Sorry for possible bad english.
Bye
How do I use the same technique with a horizontal bar chart? When I lay ou tthe scatter points, they all lie on the same horizontally. If I try it vertically, they are not spaced in line with the bars. Thanks for this great guide!
Albert
How do I use the same technique with a horizontal bar chart?
A horizontal bar chart is a clustered column chart?
If I try it vertically, they are not spaced in line with the bars.
Look at step 4 above. Remove the second axis and both data series use the same axis. They will be spaced in line with the bars.
Hope that helps.