# Pie Chart

A pie chart is a great way to visualize data in a circle divided into segments (slices) that reflect the frequency of each category. Each slice represents one component and when added together equals a whole circle.

A pie chart shows part or whole relationship between your data and makes it possible to compare the various sizes. Each segment can be used to represent a product, website, category etc, if you want your audience to see the part of the whole relationship in your data. 

Or to convey that one segment is relatively larger or smaller than another.

### **Some Pie Chart Use cases include:**

* You can use a pie chart to show the amount of traffic coming from each social media platform.
* You can also use pie chart to show the number of sales for each product.

## **How to Add a pie chart to your dashboard**

1\. From within the dashboard, click on **Manage Dashboards** at the top right.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4c4ExGckp56x-cK%2F17.jpeg?generation=1627566137956811\&alt=media)

2\. Under **Charts**, click on the pie chart icon.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4c54pdCTL7udJhp%2F18.jpeg?generation=1627566137957205\&alt=media)

The pie chart creation window should pop up. (This is where you set the specifics you want to display on the pie chart). It’s also where you edit the pie chart if you want to change any parameter.

For example, if you want to create a pie chart to display weekly page view. Here’s how to go about it.

## **General Section**

The line chart window is not different than what we’ve discussed under [creating tiles](https://docs.foxmetrics.com/features/dashboards/dashboard-tiles/creating-a-tile).

The first part is the [general](https://docs.foxmetrics.com/features/dashboard-tiles/creating-a-tile#general-section), where you enter a **title** and **description** for the line chart. So for instance, if you want to create a pie chart to visualize weekly page views, the **title** can be **Weekly pageviews**.

For the description, enter a detailed **description** that helps you understand what the tile is all about (weekly page views in our case).

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4c6ZL_T6fzJSMyd%2F19.png?generation=1627566137973493\&alt=media)

## **Data Section**

The data section is where you choose the type of data you want to display on the pie chart.

### **View (Select View)**

A view is a predefined query modeled to simplify your reporting. What event/data do you want to display on the chart? Since we want to track weekly pageviews, the [view](https://docs.foxmetrics.com/features/dashboard-tiles/creating-a-tile#views) would be **events.**

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4c75DIKk7fTU61e%2F20.png?generation=1627566137952107\&alt=media)

* Clicking on **open view details** will open the dictionary where you can find what the view is all about and the associated values.

### **Value (Select a Measure)**

What subdata or measure do you want to track/display on the line chart? Unlike line charts, pie charts don’t allow you to trend more than one value.

* So from the dropdown of [**value**](https://docs.foxmetrics.com/features/dashboard-tiles/creating-a-tile#values-select-a-measure) we’ll choose pageviews.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4c8AGblzzERE_hB%2F21.png?generation=1627566137957074\&alt=media)

### **Breakdown (Select a Breakdown Dimension):**

Do you want to segment the event(s) to learn more about them? By default, the [breakdown ](https://docs.foxmetrics.com/features/dashboard-tiles/creating-a-tile#breakdown-select-breakdown-dimension)is by date. However, you can break down your tile by week, hour, and other dimensions like page URL, referrer, etc.

* Since we are tracking weekly pageviews, we can breakdown by ‘**days of week**’.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4c9eAOqTAII-YxD%2F22.png?generation=1627566137949767\&alt=media)

## **Date Range**

What [date range](https://docs.foxmetrics.com/features/dashboard-tiles/creating-a-tile#date-range-date) do you want to track with the line chart? Set a start and finish date, so the date range is the period in between both dates. You can either choose a predefined date range or enter a custom date range.

* Since we are tracking pageviews, we’ll select ‘**Last full 7 days’** as our date range.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4cA1zBBCdhpw_-a%2F23.png?generation=1627566137960287\&alt=media)

## **Filter Section**

Is there any specific data set you do not want to display? Do you want to only visualize specific data or data for a specific date?

For instance, we can [filter ](https://docs.foxmetrics.com/features/dashboard-tiles/creating-a-tile#filter-section)our data to only show pageviews with referrers.

* To do this, select *page referral* on the measure tab and choose *exists* on the second tab.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4cBtjT5XMLT1StX%2F24.jpeg?generation=1627566137952758\&alt=media)

## **Option Section**

The [options section](https://docs.foxmetrics.com/features/dashboard-tiles/creating-a-tile#options-section) is where you select how you want the data to be displayed.

### **\* Limit Max Items**

You can limit the number of items that show up or make it unlimited. 

* We will limit our tile to 100 items.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4cCHKPF_KbU9fzr%2F25.jpeg?generation=1627566137983750\&alt=media)

## **Look and feel section**

This section allows you to control the size of the pie chart. There are several predefined sizes you can choose from including ***unset, small, default, default wide, wide small, wide and full width.***

* Click S**ave** to add the pie chart to your dashboard.

## Final Outcome

* If you choose **small**, the chart will look like this.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4cDyCT0z2TiODA7%2F26.png?generation=1627566137978224\&alt=media)

* **Default wide** would look like this;

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfmK28Tnm8WOFUVh4rx%2F-MfmV4cEivxNhTpBYBQP%2F27.png?generation=1627566137981655\&alt=media)