ArcGIS Online

Pop-ups: adding charts

Charts in pop-ups provide a visual and meaningful way to display numeric attribute information. You can add pie charts, bar charts, column charts, and line charts.

Bar and column charts are best used to show data in discrete categories. Spaces between the elements separate the values.

Line charts can be used to show change over time or a progression. A line chart implies an inherent order, progressing from left to right.

Pie charts are effective for showing the parts of a whole. All the attributes shown in the pie should add up to 100 percent.

 

About this tutorial

In this tutorial, you will learn how to configure bar, column, line, and pie charts in pop-ups. The examples focus on changes in world population over time and property valuation based on lot and improvements value.

Open the completed map to view the configured pop-up charts. Click any feature to view the bar, column, and line charts. Click the arrow to advance to the next chart.

Pop-up charts

Use the bookmarks to zoom from World Population to Home Values.

Bookmarks

Click any feature to view the pie chart showing lot value and improvements value.

Pie chart

Open the sample map and click Modify Map, or sign in and save the map, to follow the steps below.

Modify Map or Sign In

 

Add charts

You can add charts to your layer pop-up in two ways; configuring the layer in your web map, or (if you own the hosted feature layer) by configuring the layer using the Visualization tab on the item pages. In this example, you will configure the layers in a web map. See Pop-ups: the essentials for more information.

Step 1 – Open the sample map and click Modify Map, or sign in and save the map so you can make changes.

Step 2 – Hover over the Population Change layer and open the  layer options (…)

More Options

Step 3 – Choose Configure Pop-up.

Configure Pop-up

Step 4 – Add a bar chart.

The pop-up has been partially configured but it does not include charts. Scroll down to the Pop-up Media section, click Add, and choose Bar Chart.

Add Bar Chart

Step 5 – Configure the chart.

While each chart is different, the chart configuration panel is similar for each chart type.

a – Choose a title for the chart (optional).

b – Enter a caption for the chart (optional).

c – Choose the fields whose values will be used to populate the chart. To show the population change over time, check all fields with population data.

d – When you finish, click OK and apply your layer configuration settings.

Configure Bar Chart

Step 6 – Repeat the steps above for column and line charts. When finished, click OK to save your changes and dismiss the pop-up configuration panel.

You should have three charts in the Population Change layer pop-up. Click any feature to view the pop-up and click the arrow to the right of the chart to view them all.

Bar, column, and line charts
View larger image

Next, zoom to the Home Values layer and add a pie chart.

Step 7 – Use the bookmarks to zoom to Home Values.

Step 8 – Hover over the Home Values layer and open the layer options (This is similar to what you did in Step 2).

Step 9 – Choose Configure Pop-up from the options (This is similar to Step 3).

Step 10 – In the pop-up configuration panel, scroll down to the Pop-up Media section, click Add, and choose Pie Chart.

Add Pie Chart

Step 11 – Configure the chart.

While each chart is different, the chart configuration panel is similar for each chart type.

a – Choose a title for the chart (optional).

b – Enter a caption for the chart (optional).

c – Choose the fields whose values will be used to populate the chart.  The values should add up to 100 percent. In this example the Assessed Value is the sum of Lot Value and Improvements Value.

d – When finished, click OK and apply your layer configuration settings.

Configure Pie Chart

Click OK to apply all pop-up configuration changes and click a Home Values feature to view the pop-up and pie chart. Your chart should look like the one shown below:

Pie chart

 

More information

For more information see:

 

This post was originally published on March 23, 2011, and has been updated.

 

About the author

Tech evangelist and product manager at Esri, focusing on ways to broaden access to geographic information and helping users succeed with the ArcGIS Platform. On a good day I'm making a map, on a great day I'm on one. Follow @bernszukalski or email bszukalski@esri.com

Connect:

Next Article

Learn How to Download a SSL Certificate for a Secured Portal

Read this article