{"id":15377,"date":"2016-06-03T16:00:38","date_gmt":"2016-06-03T08:00:38","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=15377"},"modified":"2017-12-14T14:37:09","modified_gmt":"2017-12-14T06:37:09","slug":"pie-chart-4-3-2","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/pie-chart\/pie-chart-4-3-2\/","title":{"rendered":"Pie Chart (4.3.2)"},"content":{"rendered":"

<\/p>\n

This article applies to the Pie Chart in versions 4.3.2 and earlier of P2 Explorer.\u00a0For help on the latest version, see Pie Chart<\/a>.<\/p>\n

Overview<\/h3>\n

The Pie Chart\u00a0shows\u00a0a circular shape divided into coloured sectors that each represent a proportion of the whole. It is best used when the\u00a0parts sum up to a meaningful whole and do not overlap. To ensure a readable chart, the number of parts should be less than 5.<\/p>\n

The following diagram shows a Pie Chart\u00a0being configured:<\/p>\n

\"pie\"<\/a><\/p>\n\n\n\n\n\n\n\n\n\n
Source Data<\/strong>:<\/td>\nThe dataset from which the Pie Chart\u00a0sources its data.<\/td>\n<\/tr>\n
Legend<\/strong>:<\/td>\nSelect the check box if you want to display the legend for the Pie Chart. The legend is displayed to the right of the chart.<\/td>\n<\/tr>\n
Value Column<\/strong>:<\/td>\nThe column that contains the values that will be represented as a slice of the pie.<\/td>\n<\/tr>\n
Name Column<\/strong>:<\/td>\nThe column that contains the values that will be used as the labels of each slice (i.e. the legend).<\/td>\n<\/tr>\n
Arc Action<\/strong>:<\/td>\nThe action to invoke when a user selects a slice of the pie chart.\u00a0<\/td>\n<\/tr>\n
Arc Action Selection<\/strong>:<\/td>\nThe name of the action parameter that you want to use the selected arc for.\u00a0Note: The name must be enclosed in\u00a0single quotation marks.<\/td>\n<\/tr>\n
Selected<\/strong>:<\/td>\nThe event that represents the slice of the pie that the user selects.\u00a0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u00a0<\/p>\n

\n
\n

Tutorial<\/span><\/h3>\n

The Pie Chart\u00a0is a useful component for displaying portions of a whole. In this topic, we\u2019ll show you how to use the Pie Chart\u00a0to display a breakdown of\u00a0the reasons for downtime for a selected well. This is often used in production summary reports.\u00a0<\/p>\n

\"pietut\"<\/a><\/p>\n

Let\u2019s look at how we\u2019re actually going to do this, step-by-step.<\/p>\n

\n

Step by Step: Creating a Pie Chart That Displays Downtime Reasons<\/span><\/span><\/span><\/span><\/span><\/span><\/h3>\n

Before you start, open a new tab in Explorer and click the \u201cCreate a New Page in Studio Mode\u201d thumbnail.\u00a0Choose the grid<\/a>\u00a0layout \u2013 you can adjust the rows and columns if you like but it\u2019s not important for this exercise.<\/p>\n

You will need to adjust the configuration to suit your data at your site.<\/p>\n

Step 1. Add\u00a0the source data<\/strong><\/p>\n

\"piedata\"<\/a><\/p>\n

\u00a0<\/p>\n

Before we can display any\u00a0data on the page, \u00a0we need to add the source data.<\/p>\n