{"id":24671,"date":"2016-08-11T14:29:10","date_gmt":"2016-08-11T13:29:10","guid":{"rendered":"https:\/\/help.instantatlas.com\/instantatlas-desktop\/?page_id=24671"},"modified":"2020-12-01T22:20:18","modified_gmt":"2020-12-01T22:20:18","slug":"using-the-instantatlas-area-breakdown-pie-chart","status":"publish","type":"page","link":"https:\/\/help.instantatlas.com\/instantatlas-desktop\/en\/welcome\/support-articles\/using-the-instantatlas-area-breakdown-pie-chart\/","title":{"rendered":"Using the InstantAtlas Area Breakdown &#8211; Pie Chart"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>This guide describes the use of the InstantAtlas Area Breakdown Pie Chart component.\u00a0 The side-by-side pie charts allow you to view data about a selected and comparator geographic feature.\u00a0 The source of the data shown can be the indicators themselves or associates of an indicator.<\/p>\n<p>The Area Breakdown Pie Chart component is currently available\u00a0in all of the released HTML Edition templates.<\/p>\n<h2>Inserting the Area Breakdown\u00a0Pie Chart Component and its Legend<\/h2>\n<p>The <span>Area Breakdown Pie Chart<\/span> component is set to be invisible by default.\u00a0 Once you have published a dynamic report you should open the config.xml file of the report using the InstantAtlas Designer.\u00a0 Use the \u2018Insert\u2019 menu to insert the \u2018Area Breakdown &#8211; Pie Chart\u2019 component and the &#8216;Area Breakdown &#8211; Pie Chart Legend&#8217; component.<\/p>\n<p><a href=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2020\/12\/DesignerAreaBreakdown-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2020\/12\/DesignerAreaBreakdown-1.png\" alt=\"\" class=\"alignnone size-full wp-image-34048\" width=\"1081\" height=\"709\" srcset=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2020\/12\/DesignerAreaBreakdown-1.png 1081w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2020\/12\/DesignerAreaBreakdown-1-300x197.png 300w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2020\/12\/DesignerAreaBreakdown-1-1024x672.png 1024w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2020\/12\/DesignerAreaBreakdown-1-768x504.png 768w\" sizes=\"auto, (max-width: 1081px) 100vw, 1081px\" \/><\/a><\/p>\n<h2>Preparing the Data for Your Report<\/h2>\n<p>The Area Breakdown\u00a0Pie Chart component has two pie charts.\u00a0 By default the first will display data for a feature selected in the map and the second for a comparator feature that is hovered.\u00a0 The slices in the pie chart will represent either indicator or associate values depending on your setting for the \u2018Data Source\u2019 property:<\/p>\n<p>Indicator \u2013 the slices in the pies will represent the indicators in the active theme<\/p>\n<p>Associate \u2013 the slices in the pies will represent the associates for the active indicator<\/p>\n<p>The way you prepare the data for the report depends on which Data Source setting you intend to use.<\/p>\n<h3>Indicator Data Source<\/h3>\n<p>You should use a Data Source setting of \u2018Indicator\u2019 if you wish the values shown in your Advanced Pie Chart component to be also displayed in the other components (map, bar chart, table, etc).<\/p>\n<p>If using this method you must simply ensure that the indicators you include in each theme add up to a logical total.\u00a0 For example, in a theme called \u2018Population\u2019 you could include the following indicators:<\/p>\n<ul>\n<li>Population in age group: 10 and under<\/li>\n<li>Population in age group: 11-20<\/li>\n<li>Population in age group: 21-30<\/li>\n<li>Population in age group: 31-40<\/li>\n<li>Population in age group: 41-50<\/li>\n<li>Population in age group: 51-60<\/li>\n<li>Population in age group: 61-70<\/li>\n<li>Population in age group: 70 or over<\/li>\n<\/ul>\n<p>This would result in sensible pie charts as the indicators add up to a logical total: total population.\u00a0 Another example might be a theme called \u2018Employment\u2019 with the following indicators:<\/p>\n<ul>\n<li>% working in Agriculture; hunting; forestry<\/li>\n<li>% working in Construction<\/li>\n<li>% working in Education<\/li>\n<li>% working in Electricity, Gas and Water Supply<\/li>\n<li>% working in Financial intermediation<\/li>\n<li>% working in Fishing<\/li>\n<li>% working in Health and social work<\/li>\n<li>% working in Hotels and catering<\/li>\n<li>% working in Manufacturing<\/li>\n<li>% working in Mining and quarrying<\/li>\n<li>% working in Public administration and defence<\/li>\n<li>% working in Real estate; renting and business activities<\/li>\n<li>% working in Transport storage and communication<\/li>\n<li>% working in Wholesale &amp; retail trade; repair of motor vehicles<\/li>\n<li>% working in Other employment<\/li>\n<\/ul>\n<p>This would also result in sensible pie charts as the indicators add up to a logical total: total employed.<\/p>\n<p>The example below will not result in sensible pie charts.\u00a0 Imagine a theme that contains the following indicators:<\/p>\n<ul>\n<li>Population in age group: 10 and under<\/li>\n<li>People working in Agriculture; hunting; forestry<\/li>\n<li>Directly standardised mortality rate from all cancers<\/li>\n<li>Average household income<\/li>\n<\/ul>\n<p>This would not result in sensible pie charts because the indicators do not add up to any logical total.<\/p>\n<p>The image below\u00a0shows how the \u2018iadatasheet\u2019 worksheet of your Excel Data Manager would look for the population example given above.<\/p>\n<p><a href=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image2-2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image2-2.png\" alt=\"image2\" class=\"alignnone wp-image-24811 size-full\" width=\"1072\" height=\"538\" srcset=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image2-2.png 1072w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image2-2-300x151.png 300w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image2-2-768x385.png 768w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image2-2-1024x514.png 1024w\" sizes=\"auto, (max-width: 1072px) 100vw, 1072px\" \/><\/a><\/p>\n<p>The resulting pie charts can be seen in the image below.\u00a0 The pie chart to the left is for the selected post code sector (EH 12 9) and the chart to the right is for the post code sector being hovered with the mouse pointer (EH 13 0). Their corresponding legend is displayed in the Area Breakdown Pie Chart Legend component.<\/p>\n<p><span style=\"line-height: 1.6471;\"><a href=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image3-2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image3-2.png\" alt=\"image3\" class=\"alignnone wp-image-24831 size-full\" width=\"1861\" height=\"934\" srcset=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image3-2.png 1861w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image3-2-300x151.png 300w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image3-2-768x385.png 768w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image3-2-1024x514.png 1024w\" sizes=\"auto, (max-width: 1861px) 100vw, 1861px\" \/><\/a><\/span><\/p>\n<p>Each pie slice depicts the proportion of the population in each age group and is represented by a different colour. \u00a0The colour scheme used in the pie charts is defined in the &#8216;Colour Scheme Name&#8217; property, its colours can be customised in the &#8216;Map Palettes &amp; Colour Schemes&#8217; dialog box.<\/p>\n<p><span style=\"line-height: 1.6471;\">In the image below, an order to the age groups has been implied by editing the pie colours.<\/span><\/p>\n<p><span style=\"font-size: 20px; font-weight: bold; line-height: 1.4;\"><a href=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image4-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image4-1.png\" alt=\"image4\" class=\"alignnone wp-image-24881 size-full\" width=\"1856\" height=\"938\" srcset=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image4-1.png 1856w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image4-1-300x152.png 300w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image4-1-768x388.png 768w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image4-1-1024x518.png 1024w\" sizes=\"auto, (max-width: 1856px) 100vw, 1856px\" \/><\/a><\/span><\/p>\n<h3>Associate Data Source<\/h3>\n<p>If you prefer the Area Breakdown\u00a0Pie Chart to show values that will not be displayed in the other components of the report you should use a Data Source setting of \u2018Associate\u2019.<\/p>\n<p>The same population example will be used in this section but this time imagine that you wish to show the age group variables in the Area Breakdown Pie Chart component only and not in any of the other components (map, bar chart, table, etc).<\/p>\n<p>In the iadatasheet you should make the age group data associates of an indicator.\u00a0 In the image below, the indicator is \u2018Total Population\u2019 and the age group values have been added to the right of the indicator values as associates.\u00a0 Cell C3 has been merged across all of the columns so that the age groups are associates of the indicator.<\/p>\n<p><span style=\"line-height: 1.6471;\"><a href=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image5-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image5-1.png\" alt=\"image5\" class=\"alignnone wp-image-24911 size-full\" width=\"1122\" height=\"540\" srcset=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image5-1.png 1122w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image5-1-300x144.png 300w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image5-1-768x370.png 768w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image5-1-1024x493.png 1024w\" sizes=\"auto, (max-width: 1122px) 100vw, 1122px\" \/><\/a><\/span><\/p>\n<p><span style=\"line-height: 1.6471;\">You should then edit the properties of the Area Breakdown\u00a0Pie Chart component in the Designer.\u00a0 You should set the \u2018Data Source\u2019 pick list to \u2018Associate\u2019.<\/span><\/p>\n<p>The report will look similar to that shown in the image below.\u00a0 The indicator being displayed in the map, bar chart, table, etc is \u2018Total Population\u2019.\u00a0 The Area Breakdown\u00a0Pie Chart component gives a more detailed breakdown by displaying the age group associates for that indicator.<\/p>\n<p><a href=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image6-2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image6-2.png\" alt=\"image6\" class=\"alignnone wp-image-24931 size-full\" width=\"1859\" height=\"926\" srcset=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image6-2.png 1859w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image6-2-300x149.png 300w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image6-2-768x383.png 768w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image6-2-1024x510.png 1024w\" sizes=\"auto, (max-width: 1859px) 100vw, 1859px\" \/><\/a><\/p>\n<p>If you are using this approach, you will have to ensure that all of the indicators in your report have associates that are sensible to show in the Area Breakdown Pie Chart component.<\/p>\n<h2>Additional Configuration Properties<\/h2>\n<p><strong>List of Associates To Ignore<\/strong><\/p>\n<p>With the Data Source set to &#8216;Associate&#8217;, all associate columns of the selected indicator will by default be part of the Area Breakdown Pie Chart. However, as mentioned above, the categories for the Area Breakdown Pie Chart should always add up to a logical total. If you would like to include additional associates into your report, which do not belong to the logical total but which you might wish to display in the data table, you can add them to the \u2018List of Associates To Ignore\u2019. These associates will then not be included into the Area Breakdown Pie Chart.<\/p>\n<p><strong>List of Associates Labels<\/strong><\/p>\n<p>If you are using the &#8216;Associate&#8217; data source, you can define a \u2018List of Associate Labels\u2019 to globally specify alias labels for the chart categories. Those can be different from the names of your associate columns.<\/p>\n<p><strong>Chart Layout<\/strong><\/p>\n<p>In addition to the horizontal chart layout as shown in previous pie chart examples, you can set the component to adopt a vertical layout or a single chart layout if you wish.<\/p>\n<figure id=\"attachment_24951\" aria-describedby=\"caption-attachment-24951\" style=\"width: 168px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image8-2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image8-2-168x300.png\" class=\"wp-image-24951 size-medium\" alt=\"Vertical layout\" width=\"168\" height=\"300\" srcset=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image8-2-168x300.png 168w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image8-2.png 488w\" sizes=\"auto, (max-width: 168px) 100vw, 168px\" \/><\/a><figcaption id=\"caption-attachment-24951\" class=\"wp-caption-text\">Vertical layout<\/figcaption><\/figure>\n<figure id=\"attachment_24961\" aria-describedby=\"caption-attachment-24961\" style=\"width: 166px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image9-2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image9-2-166x300.png\" alt=\"Single chart layout\" class=\"wp-image-24961 size-medium\" width=\"166\" height=\"300\" srcset=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image9-2-166x300.png 166w, https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-content\/uploads\/sites\/31\/2016\/04\/image9-2.png 481w\" sizes=\"auto, (max-width: 166px) 100vw, 166px\" \/><\/a><figcaption id=\"caption-attachment-24961\" class=\"wp-caption-text\">Single chart layout<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Tip<\/strong><\/p>\n<p>This property allows you to modify the tooltip which appears when a user hovers over one of the area breakdown pie chart slices with the mouse.\u00a0 For example if the values you are using in the chart are already percentages, you may want to delete the second percentage value that is calculated by the report.<\/p>\n<p><strong>Chart Text<\/strong><\/p>\n<p>Add some text that will be displayed above each pie chart.<\/p>\n<p><strong>Colour Scheme Name<\/strong><\/p>\n<p>The colours for the categories of the advanced pie chart are assigned from a pre-defined categoric colour scheme.\u00a0 You can view and edit colour schemes in the Designer by clicking on \u2018Style\u2019 \u2013 \u2018Palettes\u2019 in the menu bar.\u00a0 In the \u2018Map Palettes and Colour Schemes\u2019 dialog, select the \u2018Colour Schemes (textual data)\u2019 tab.\u00a0 The name of your chosen colour scheme needs to be entered into the Colour Scheme Name property.<\/p>\n<p><strong>Not Available Text<\/strong><\/p>\n<p>If your data does not contain multiple indicators in the selected theme or multiple associates for the selected indicator, the Area breakdown Pie Chart with display the text you enter into the Not Available Text property.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction This guide describes the use of the InstantAtlas Area Breakdown Pie Chart component.\u00a0 The side-by-side pie charts allow you to view data about a selected and comparator geographic feature.\u00a0 The source of the data shown can be the indicators themselves or associates of an indicator. The Area Breakdown Pie Chart component is currently available\u00a0in &hellip; <a href=\"https:\/\/help.instantatlas.com\/instantatlas-desktop\/en\/welcome\/support-articles\/using-the-instantatlas-area-breakdown-pie-chart\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Using the InstantAtlas Area Breakdown &#8211; Pie Chart<\/span><\/a><\/p>\n","protected":false},"author":22,"featured_media":0,"parent":27601,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24671","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-json\/wp\/v2\/pages\/24671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-json\/wp\/v2\/comments?post=24671"}],"version-history":[{"count":0,"href":"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-json\/wp\/v2\/pages\/24671\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-json\/wp\/v2\/pages\/27601"}],"wp:attachment":[{"href":"https:\/\/help.instantatlas.com\/instantatlas-desktop\/wp-json\/wp\/v2\/media?parent=24671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}