---
title: "Walkthrough: Adding a bar chart to an Experience Analytics report"
slug: "walkthrough--adding-a-bar-chart-to-an-experience-analytics-report"
abstract: "Instructions on how to add and configure a bar chart."
---
# Walkthrough: Adding a bar chart to an Experience Analytics report

Sitecore Experience Analytics provides dashboards and reports for marketers and marketing analysts to identify patterns and trends in experience data. This data is collected from websites and other external data sources.

You can add bar, line, list, or area chart components to reports using Sitecore Rocks depending on your business needs. For example, you can add a Conversions by country bar chart to the Audience/Overview report to display how much engagement value is generated on your website by country.

This walkthrough describes all the steps to add a bar chart component to an experience analytics report:

- Add a chart component to a report
- Add a parameters item to the report
- Bind the bar chart control to the parameters item
- Change the chart title

> [!note]
> To add any chart component to a report, you must use Microsoft Visual Studio, Sitecore Rocks, and access to a Sitecore website. In Sitecore Rocks, you must also configure a connection to your website.

<details>
<summary><h2>Add a chart component to a report</h2></summary>

Before you can add a chart component to a report, you first need a report page.

To add a chart component to a report page:

1. In Sitecore Rocks, right-click a report page, click **Tasks** and then click **Design Layout**.
2. In the **Design Layout** window, click **Add****R****endering**.
3. In the **Select R****endering** dialog box, select a chart control to use in your report page.

    To find all available chart controls, enter a search term beginning with experienceanalytics. You can choose from an area chart, bar chart, list, or line chart. For example, to display a bar chart, select the ExperienceAnalyticsBarChart rendering.

    ![Select a bar chart control](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-manager/images/D6BBE7DC63B64DA39FF6C848937B0C01.png)

4. Choose a chart type and click **OK** to save your changes.

</details>

<details>
<summary><h2>Add a parameters item to the report</h2></summary>

You need a parameters item to configure report metrics and other settings in your chart. A parameters item is a subitem of the `PageSettings` item.

To add a parameters item:

1. On the report page, right-click the **PageSettings** item and click **Add** - **New Item**.

    To find all available chart parameter controls, enter a search term beginning with experienceanalytics. You can see parameters items for each type of chart control. For example, if you are using the bar chart control, select the ExperienceAnalyticsBarChartParameters item.

    ![Add chart control parameters](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-manager/images/81B18227941D43CA813F4573D90A4B7C.png)

2. You can enter a name for your parameters item or accept the default name, then click **OK**.
3. To configure the parameters item, double click the item to open it.
4. In the parameters item, select a metric and add a segment to your chart.

    ![Select metric and segment](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-manager/images/E7508BF4C913410CA14831DFE21960BB.png)

5. For example, to show conversions from all visits by country, select the following:
    - Metric = Conversions
    - Segment = All visits byCountry
6. Save your changes.

</details>

<details>
<summary><h2>Bind the bar chart control to the parameters item</h2></summary>

If you do not bind the bar chart control to the parameters item, your report will not display any data.

To bind the ExperienceAnalyticsBarChart control to the parameters item:

1. Right-click the report, click **Task**, **Design L****ayout**, and then double-click the chart item that you have created. For example, double click the ExperienceAnalyticsBarChart control.
2. In the **Edit Rendering Properties** dialog box, in the **Behavior** section, in **Data Source**, browse to the location of the ExperienceAnalyticsBarChartParameters item in the content tree.

    ![Specify data source](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-manager/images/F98DAF9021B947E3BB31CE5D67DBE51B.png)

3. Select the parameters item and click **OK**.
4. Save your changes.

</details>

<details>
<summary><h2>Change the chart title</h2></summary>

Your new chart needs a heading to describe the content that it displays.

To change a title label on a chart:

1. Double-click the parameters item for your chart.
2. In the parameters item, expand the **Appearance** section.
3. In the **Title** field, enter the relevant title, for example, Conversions by country.

    ![Specify Title](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-manager/images/B6E10B804206444D9F00BF0D2BAA3508.png)

4. Save your changes and view the chart in Experience Analytics.

</details>