<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>http://ab.edge-technologies.com/docs/index.php?action=history&amp;feed=atom&amp;title=Appboard%2F2.5%2Fbuilder%2Fwidgets%2Fpie_chart</id>
	<title>Appboard/2.5/builder/widgets/pie chart - Revision history</title>
	<link rel="self" type="application/atom+xml" href="http://ab.edge-technologies.com/docs/index.php?action=history&amp;feed=atom&amp;title=Appboard%2F2.5%2Fbuilder%2Fwidgets%2Fpie_chart"/>
	<link rel="alternate" type="text/html" href="http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.5/builder/widgets/pie_chart&amp;action=history"/>
	<updated>2026-04-07T20:11:09Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.38.4</generator>
	<entry>
		<id>http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.5/builder/widgets/pie_chart&amp;diff=6686&amp;oldid=prev</id>
		<title>imported&gt;Jason.nicholls: /* Sample Data */</title>
		<link rel="alternate" type="text/html" href="http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.5/builder/widgets/pie_chart&amp;diff=6686&amp;oldid=prev"/>
		<updated>2014-09-22T13:33:16Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Sample Data&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 13:33, 22 September 2014&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l67&quot;&gt;Line 67:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 67:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Sample Data ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Sample Data ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Instructions for bringing sample chart data into AppBoard can be found here: [[&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Sample_Chart_Data&lt;/del&gt;|Sample Chart Data]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Instructions for bringing sample chart data into AppBoard can be found here: [[&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;appboard/2.5/builder/sample_chart_data&lt;/ins&gt;|Sample Chart Data]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported&gt;Jason.nicholls</name></author>
	</entry>
	<entry>
		<id>http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.5/builder/widgets/pie_chart&amp;diff=6685&amp;oldid=prev</id>
		<title>imported&gt;Jason.nicholls: /* Select a Data Collection */</title>
		<link rel="alternate" type="text/html" href="http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.5/builder/widgets/pie_chart&amp;diff=6685&amp;oldid=prev"/>
		<updated>2014-09-22T13:33:04Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Select a Data Collection&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 13:33, 22 September 2014&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l19&quot;&gt;Line 19:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 19:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Click the &amp;quot;Data Collection&amp;quot; pulldown, then select from the list of available Data Collections.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Click the &amp;quot;Data Collection&amp;quot; pulldown, then select from the list of available Data Collections.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* If you&amp;#039;re using the sample CSV data, select &amp;quot;Sample.Data.ChartData2&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* If you&amp;#039;re using the sample CSV data, select &amp;quot;Sample.Data.ChartData2&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* If there are no Data Collections available in the pulldown, then click here for instructions on how to bring in some [[&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Sample_Chart_Data&lt;/del&gt;|Sample Chart Data]], or refer to [[appboard/2.5/builder/data_collections|Add/Edit/Remove a Data Collection]].&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* If there are no Data Collections available in the pulldown, then click here for instructions on how to bring in some [[&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;appboard/2.5/builder/sample_chart_data&lt;/ins&gt;|Sample Chart Data]], or refer to [[appboard/2.5/builder/data_collections|Add/Edit/Remove a Data Collection]].&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Name Field ===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Name Field ===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported&gt;Jason.nicholls</name></author>
	</entry>
	<entry>
		<id>http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.5/builder/widgets/pie_chart&amp;diff=6684&amp;oldid=prev</id>
		<title>imported&gt;Jason.nicholls: 1 revision</title>
		<link rel="alternate" type="text/html" href="http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.5/builder/widgets/pie_chart&amp;diff=6684&amp;oldid=prev"/>
		<updated>2014-06-26T15:52:13Z</updated>

		<summary type="html">&lt;p&gt;1 revision&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 15:52, 26 June 2014&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-notice&quot; lang=&quot;en&quot;&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(No difference)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary>
		<author><name>imported&gt;Jason.nicholls</name></author>
	</entry>
	<entry>
		<id>http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.5/builder/widgets/pie_chart&amp;diff=6683&amp;oldid=prev</id>
		<title>imported&gt;Jason.nicholls at 08:19, 14 December 2013</title>
		<link rel="alternate" type="text/html" href="http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.5/builder/widgets/pie_chart&amp;diff=6683&amp;oldid=prev"/>
		<updated>2013-12-14T08:19:53Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{DISPLAYTITLE:Pie Chart Widget}}&lt;br /&gt;
[[Category:AppBoard 2.5]]&lt;br /&gt;
An Area Chart Widget is a graphical Widget that displays a circular image, divided into segments representing proportions in the underlying data.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:PieChartExample.png|thumb|center|500px|Pie Chart Example]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== How To Create a Pie Chart Widget ==&lt;br /&gt;
For instructions on creating a Widget, see the general instructions in [[appboard/2.5/builder/widgets#Adding_Widgets|Adding Widgets]].  The &amp;lt;b&amp;gt;Pie&amp;lt;/b&amp;gt; Widget type is located under the &amp;lt;b&amp;gt;Charts&amp;lt;/b&amp;gt; category on the Widget selection screen.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== How To Configure a Pie Chart Widget ==&lt;br /&gt;
Follow the instructions above to create the basic &amp;quot;Area Chart&amp;quot; Widget, and then perform the following steps to configure a Pie Chart Widget:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Select a Data Collection ===&lt;br /&gt;
Select a &amp;#039;&amp;#039;&amp;#039;Data Collection&amp;#039;&amp;#039;&amp;#039; that contains the information you would like to use for this Widget. &lt;br /&gt;
* Click the &amp;quot;Data Collection&amp;quot; pulldown, then select from the list of available Data Collections.&lt;br /&gt;
* If you&amp;#039;re using the sample CSV data, select &amp;quot;Sample.Data.ChartData2&amp;quot;.&lt;br /&gt;
* If there are no Data Collections available in the pulldown, then click here for instructions on how to bring in some [[Sample_Chart_Data|Sample Chart Data]], or refer to [[appboard/2.5/builder/data_collections|Add/Edit/Remove a Data Collection]].&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Name Field ===&lt;br /&gt;
Specifies the field of the Data Collection to use as the name for the wedge.  This is the value that will be used for the Legend and DataTips. &lt;br /&gt;
* Click &amp;quot;Name Field&amp;quot; pulldown, and then select an item from the list.&lt;br /&gt;
 If you are using &amp;#039;&amp;#039;Sample.Data.ChartData2&amp;#039;&amp;#039;, then select &amp;quot;Task&amp;quot; for the Name Field.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Value Field ===&lt;br /&gt;
Specifies the field of the Data Collection that determines the data for each wedge of the pie chart. &lt;br /&gt;
* Click the &amp;quot;Value Field&amp;quot; pulldown, and then select an item from the list.&lt;br /&gt;
 If you are using &amp;#039;&amp;#039;Sample.Data.ChartData2&amp;#039;&amp;#039;, then Select &amp;quot;Feb&amp;quot;, as the Value Field.&lt;br /&gt;
&lt;br /&gt;
=== Color Selection ===&lt;br /&gt;
Use the color chooser to set the Color and Pattern of each pie slice.  The Alpha of each option determines the opacity of the options for the field.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Labels ===&lt;br /&gt;
Click the &amp;quot;Label&amp;quot; pulldown, and then select an item from the list.&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;None&amp;#039;&amp;#039;&amp;#039;: Does not draw labels. This is the default value.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Callout&amp;#039;&amp;#039;&amp;#039;: Draws labels in two vertical stacks on either side of the PieChart control. Shrinks the PieChart if necessary to make room for the labels. Draws key lines from each label to the associated wedge. Shrinks labels as necessary to fit the space provided.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Inside&amp;#039;&amp;#039;&amp;#039;: Draws labels inside the chart. Shrinks labels to ensure that they do not overlap each other. Any label that must be drawn too small is hidden from view.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;InsideWithCallout&amp;#039;&amp;#039;&amp;#039;: Draws labels inside the pie, but if labels are shrunk below a legible size, Flex converts them to callout labels.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Outside&amp;#039;&amp;#039;&amp;#039;: Draws labels around the boundary of the PieChart control.&lt;br /&gt;
&lt;br /&gt;
[[Image:PieChart_Labels.png|750px|Sample Pie Chart Labels]]&lt;br /&gt;
&lt;br /&gt;
=== Legend ===&lt;br /&gt;
Click the &amp;quot;Show Legend&amp;quot; option to indicate whether a legend is shown or not.&lt;br /&gt;
&lt;br /&gt;
[[Image:PieChart_Legend.png|750px|Sample Pie Chart Labels]]&lt;br /&gt;
&lt;br /&gt;
=== Inner Radius ===&lt;br /&gt;
Click the &amp;quot;Inner Radius&amp;quot; option to take a circle out of the middle of the pie chart, expand or minimize using the bar provided.&lt;br /&gt;
&lt;br /&gt;
[[Image:PieChart.png|750px|Sample Pie Chart]]&lt;br /&gt;
&lt;br /&gt;
=== Additional Configuration Steps ===&lt;br /&gt;
* Provide additional configuration, if needed, on the &amp;lt;b&amp;gt;Options&amp;lt;/b&amp;gt; tab.  For details on the available Options, see [[appboard/2.5/builder/widgets/options|Options]].&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* Enter the following information on the &amp;lt;b&amp;gt;Actions&amp;lt;/b&amp;gt; tab:&lt;br /&gt;
** Click &amp;lt;b&amp;gt;Add Event Action&amp;lt;/b&amp;gt; to configure one or more [[appboard/2.5/builder/widgets/actions|Actions]] to be invoked when a user clicks on the Pie Chart Widget.  The action will apply to the current data record being displayed.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Sample Data ==&lt;br /&gt;
&lt;br /&gt;
Instructions for bringing sample chart data into AppBoard can be found here: [[Sample_Chart_Data|Sample Chart Data]]&lt;/div&gt;</summary>
		<author><name>imported&gt;Jason.nicholls</name></author>
	</entry>
</feed>