Appboard/old/widgets/pie chart - Revision history

imported>Jason.nicholls at 14:50, 17 July 2014

2014-07-17T14:50:15Z

← Older revision		Revision as of 14:50, 17 July 2014
Line 1:		Line 1:
			{{DISPLAYTITLE:Pie Chart}}
			[[Category:AppBoard old]]
	An Area Chart Widget is a graphical Widget that displays a circular image, divided into segments representing proportions in the underlying data.		An Area Chart Widget is a graphical Widget that displays a circular image, divided into segments representing proportions in the underlying data.

imported>Jason.nicholls: moved Pie Chart Widget to appboard/old/widgets/pie chart

2014-07-17T14:48:42Z

moved Pie Chart Widget to appboard/old/widgets/pie chart

← Older revision	Revision as of 14:48, 17 July 2014
(No difference)

imported>Jason.nicholls: /* How To Create a Pie Chart Widget */

2014-07-17T07:02:18Z

How To Create a Pie Chart Widget

← Older revision		Revision as of 07:02, 17 July 2014
Line 6:		Line 6:

	== How To Create a Pie Chart Widget ==		== How To Create a Pie Chart Widget ==
	For instructions on creating a Widget, see the general instructions in [[~~Widgets~~#Adding_Widgets\|Adding Widgets]]. The <b>Pie</b> Widget type is located under the <b>Charts</b> category on the Widget selection screen.		For instructions on creating a Widget, see the general instructions in [[appboard/old/widgets#Adding_Widgets\|Adding Widgets]]. The <b>Pie</b> Widget type is located under the <b>Charts</b> category on the Widget selection screen.


	== How To Configure a Pie Chart Widget ==		== How To Configure a Pie Chart Widget ==

imported>Jason.nicholls: /* Additional Configuration Steps */

2014-07-17T04:16:15Z

Additional Configuration Steps

← Older revision		Revision as of 04:16, 17 July 2014
Line 59:		Line 59:

	=== Additional Configuration Steps ===		=== Additional Configuration Steps ===
	* Provide additional configuration, if needed, on the <b>Options</b> tab. For details on the available Options, see [[~~Options~~\|Options]].		* Provide additional configuration, if needed, on the <b>Options</b> tab. For details on the available Options, see [[appboard/old/options\|Options]].


	* Enter the following information on the <b>Actions</b> tab:		* Enter the following information on the <b>Actions</b> tab:
	** Click <b>Add Event Action</b> to configure one or more [[~~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.		** Click <b>Add Event Action</b> to configure one or more [[appboard/old/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.


	== Sample Data ==		== Sample Data ==

	Instructions for bringing sample chart data into AppBoard can be found here: [[Sample_Chart_Data\|Sample Chart Data]]		Instructions for bringing sample chart data into AppBoard can be found here: [[Sample_Chart_Data\|Sample Chart Data]]

imported>Jason.nicholls: /* Select a Data Collection */

2014-07-17T03:59:03Z

Select a Data Collection

← Older revision		Revision as of 03:59, 17 July 2014
Line 17:		Line 17:
	* Click the "Data Collection" pulldown, then select from the list of available Data Collections.		* Click the "Data Collection" pulldown, then select from the list of available Data Collections.
	* If you're using the sample CSV data, select "Sample.Data.ChartData2".		* If you're using the sample CSV data, select "Sample.Data.ChartData2".
	* 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 [[~~Data_Collections~~\|Add/Edit/Remove a Data Collection]].		* 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/old/data_collections\|Add/Edit/Remove a Data Collection]].


	=== Name Field ===		=== Name Field ===

imported>Jason.nicholls at 15:25, 27 August 2013

2013-08-27T15:25:40Z

← Older revision		Revision as of 15:25, 27 August 2013
Line 44:		Line 44:
	* '''Outside''': Draws labels around the boundary of the PieChart control.		* '''Outside''': Draws labels around the boundary of the PieChart control.

	[[Image:~~pieChart_Labels~~.png\|Sample Pie Chart Labels]]		[[Image:PieChart_Labels.png\|Sample Pie Chart Labels]]


Line 50:		Line 50:
	Click the "Show Legend" option to indicate whether a legend is shown or not.		Click the "Show Legend" option to indicate whether a legend is shown or not.

	[[Image:~~pieChart_Legend~~.png\|Sample Pie Chart Labels]]		[[Image:PieChart_Legend.png\|Sample Pie Chart Labels]]


Line 56:		Line 56:
	Click the "Inner Radius" option to take a circle out of the middle of the pie chart, expand or minimize using the bar provided.		Click the "Inner Radius" option to take a circle out of the middle of the pie chart, expand or minimize using the bar provided.

	[[Image:~~pieChart~~.png\|Sample Pie Chart]]		[[Image:PieChart.png\|Sample Pie Chart]]

imported>Cmace: copied from internal

2013-01-02T17:09:58Z

copied from internal

← Older revision		Revision as of 17:09, 2 January 2013
Line 32:		Line 32:

	=== Color Selection ===		=== Color Selection ===
	Use the color chooser to set the ~~color~~ of each pie slice.		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.

imported>Cmace: copied from internalwiki

2012-05-08T14:28:56Z

copied from internalwiki

@@ Line 1: / Line 1: @@
-== Adding a Pie Chart Widget ==
+An Area Chart Widget is a graphical Widget that displays a circular image, divided into segments representing proportions in the underlying data.
-# Select a Data Collection that contains the information you'd like to use for this pie chart.
+== How To Create a Pie Chart Widget ==
-#:* Click the "Data Collection" pulldown, then select from the list of available Data Collections.
+For instructions on creating a Widget, see the general instructions in [[Widgets#Adding_Widgets|Adding Widgets]].  The <b>Pie</b> Widget type is located under the <b>Charts</b> category on the Widget selection screen.
-#:* If you do not see any Data Collections, refer to [[Data_Collections|Add/Edit/Remove a Data Collection]].
-#:* Selecting a Data Collection will populate the other options in the Data Section.
-# Select name and value fields from the Data Collection that this pie chart would visualize. "Name Field" usually is the field that has a unique value that identify a grouping concept. "Value Field" usually is the field indicate that quantity in a particular group.
+== How To Configure a Pie Chart Widget ==
-#:* Click "Name Field" pulldown, and then select an item from the list.
+Follow the instructions above to create the basic "Area Chart" Widget, and then perform the following steps to configure a Pie Chart Widget:
-#:* Click "Value Field" pulldown, and then select an item from the list.
-# Click "Label Type" pulldown, and then select an item from the list.
-#:* An example would be callout. The label for a pie slice would be shown in the callout style.
+=== Select a Data Collection ===
-# Click "Show Legend" option to indicate whether a legend area is shown or not.
+Select a '''Data Collection''' that contains the information you would like to use for this Widget.
-# In "Color Selection" area, use color chooser to set the color of each pie slice.
+* Click the "Data Collection" pulldown, then select from the list of available Data Collections.

imported>Cmace: created to remove appboard_builder

2012-03-13T19:25:28Z

created to remove appboard_builder

New page

== Adding a Pie Chart Widget ==

Click "Add Widget" in the tool palette on the left. If "Add Widget" is disabled, refer to the "Adding a Stack" section.
# Enter a name for the Widget
# Select Pie Chart Widget
# Select the Board you'd like the Pie Chart Widget to appear on.
# Select "OK".

== Configuring Pie Chart ==

# Select a Data Collection that contains the information you'd like to use for this pie chart.
#:* Click the "Data Collection" pulldown, then select from the list of available Data Collections.
#:* If you do not see any Data Collections, refer to [[Data_Collections|Add/Edit/Remove a Data Collection]].
#:* Selecting a Data Collection will populate the other options in the Data Section.
# Select name and value fields from the Data Collection that this pie chart would visualize. "Name Field" usually is the field that has a unique value that identify a grouping concept. "Value Field" usually is the field indicate that quantity in a particular group.
#:* Click "Name Field" pulldown, and then select an item from the list.
#:* Click "Value Field" pulldown, and then select an item from the list.
# Click "Label Type" pulldown, and then select an item from the list.
#:* An example would be callout. The label for a pie slice would be shown in the callout style.
# Click "Show Legend" option to indicate whether a legend area is shown or not.
# In "Color Selection" area, use color chooser to set the color of each pie slice.