Appboard/old/widgets/bubble chart - Revision history

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

2014-07-17T14:27:29Z

← Older revision		Revision as of 14:27, 17 July 2014
Line 1:		Line 1:
			{{DISPLAYTITLE:Bubble Chart Widget}}
			[[Category:AppBoard old]]
	A Bubble Chart Widget displays circles or spheres in the charting area. The circles represent two aspects of the underlying data by their horizontal and vertical location along each axis, as well as the magnitude of a third element which is communicated by the size of the bubble.		A Bubble Chart Widget displays circles or spheres in the charting area. The circles represent two aspects of the underlying data by their horizontal and vertical location along each axis, as well as the magnitude of a third element which is communicated by the size of the bubble.

imported>Jason.nicholls: moved Bubble Chart Widget to appboard/old/widgets/bubble chart

2014-07-17T14:26:47Z

moved Bubble Chart Widget to appboard/old/widgets/bubble chart

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

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

2014-07-17T07:01:32Z

How To Create a Bubble Chart Widget

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

	== How To Create a Bubble Chart Widget ==		== How To Create a Bubble Chart Widget ==
	For instructions on creating a Widget, see the general instructions in [[~~Widgets~~#Adding_Widgets\|Adding Widgets]]. The <b>Bubble</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>Bubble</b> Widget type is located under the <b>Charts</b> category on the Widget selection screen.


	== How To Configure a Bubble Chart Widget ==		== How To Configure a Bubble Chart Widget ==

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

2014-07-17T06:58:59Z

Additional Configuration Steps

← Older revision		Revision as of 06:58, 17 July 2014
Line 75:		Line 75:

	== 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]].

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

2014-07-17T04:14:56Z

Additional Configuration Steps

← Older revision		Revision as of 04:14, 17 July 2014
Line 79:		Line 79:

	* 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 Bubble 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 Bubble 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:58:20Z

Select a Data Collection

← Older revision		Revision as of 03:58, 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.ChartData".		* If you're using the sample CSV data, select "Sample.Data.ChartData".
	* 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]].


	=== Configuring the X-Axis Field ===		=== Configuring the X-Axis Field ===

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

2013-08-27T15:29:25Z

← Older revision		Revision as of 15:29, 27 August 2013
Line 2:		Line 2:


	[[Image:~~bubbleChartSample~~.png\|thumb\|center\|500px\|Bubble Chart Sample]]		[[Image:BubbleChartSample.png\|thumb\|center\|500px\|Bubble Chart Sample]]


Line 46:		Line 46:
	Fill style is purely aesthetic, and sets the rendering style that will be used for the series.		Fill style is purely aesthetic, and sets the rendering style that will be used for the series.
	* The available rendering styles are Solid and Gradient		* The available rendering styles are Solid and Gradient
	[[Image:~~bubbleChart_FillStyles~~.png\|Sample Fill Styles]]		[[Image:BubbleChart_FillStyles.png\|Sample Fill Styles]]

imported>Cmace: copied from internal

2013-01-02T14:25:13Z

copied from internal

← Older revision		Revision as of 14:25, 2 January 2013
Line 31:		Line 31:
	* Repeat for any additional series.		* Repeat for any additional series.
	* Series may be removed with the "Remove" button next to the "Add" button.		* Series may be removed with the "Remove" button next to the "Add" button.
			* Series may be reordered in the Series DataGrid by clicking the upper-right corner of a row and dragging the Series up or down the grid.
	Values contained within the "Y-field" will determine the position of the center of the bubble on the chart.		Values contained within the "Y-field" will determine the position of the center of the bubble on the chart.
	If you're using ''Sample.Data.ChartData'', then select "Hardware" as the Y-field		If you're using ''Sample.Data.ChartData'', then select "Hardware" as the Y-field
Line 49:		Line 50:

	=== Color ===		=== Color ===
	Color will work in conjunction with Fill Style to distinguish one series from another.		* Color will work in conjunction with Fill Style to distinguish one series from another.
	* You can select color by clicking on the color swatches in the color picker, or you can manually enter a hexadecimal color value.		* You can select color by clicking on the color swatches in the color picker, or you can manually enter a hexadecimal color value.


			==== Pattern ====
			* In addition to Color, different Pattern options will help users distinguish one series from another
			* Click on the Pattern button to view and select from numerous pattern options.


	=== Alpha ===		=== Alpha ===
	Alpha sets the opacity of the series.		* Alpha sets the opacity of the series and can be adjusted for both Color and Pattern.
	* Reducing the Alpha lets you see grid lines show through the bars.		* Reducing the Alpha lets you see grid lines show through the bars.

imported>Cmace: changed options section

2012-05-03T16:16:22Z

changed options section

← Older revision		Revision as of 16:16, 3 May 2012
Line 70:		Line 70:

	== Additional Configuration Steps ==		== Additional Configuration Steps ==
	* ~~Enter the following information~~ on the <b>Options</b> tab:		* Provide additional configuration, if needed, on the <b>Options</b> tab. For details on the available Options, see [[Options\|Options]].
	** [Optional] Configure the [[Option_Show_Search_Text\|Show Search Text]] Option.
	** [Optional] Configure the [[~~Option_Use_Filter~~\|~~Use Filter]] Option.~~
	** [Optional] Configure the [[Option_Configure_Alternative_Widget\|Configure Alternative Widget]] Option.
	** [Optional] Configure the [[Option_Help\|Help]] ~~Option~~.

imported>Cmace: copied from internalwiki

2012-05-01T16:20:39Z

copied from internalwiki

@@ Line 1: / Line 1: @@
-== Adding a Bubble Chart Widget ==
+A Bubble Chart Widget displays circles or spheres in the charting area.  The circles represent two aspects of the underlying data by their horizontal and vertical location along each axis, as well as the magnitude of a third element which is communicated by the size of the bubble.
-# Select a Data Collection that contains the information you'd like to use for this Bubble chart.
+== How To Create a Bubble 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>Bubble</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]].
-# Select X-Axis Field from the Data Collection that this chart would use as X-Axis.
-#:* Click the "X-Axis Field" pulldown, and then select an item from the list. Then, click the "Type" pulldown, and then select an item from the list to indicate what field type this "X-Axis Field" is.
+== How To Configure a Bubble Chart Widget ==
-#:* An example would be a "Month" field of "CategoryAxis" type.
+Follow the instructions above to create the basic "BubbleChart" Widget, and then perform the following steps to configure a Bubble Chart Widget:
-# Set the Series to be plotted. "Y-Axis Field" indicates the vertical location of the bubble. "Radius" indicates the size of the bubble.
-#:* Click the "Add" button to add a new series.
-#:* Click the "Y-Axis Field" pulldown, and then select an item from the list.
+=== Select a Data Collection ===
-#:* Click the "Radius Field" pulldown, and then select an item from the list.
+Select a '''Data Collection''' that contains the information you would like to use for this Widget.
-#:* Click on "Color" chooser to set the color.
+* Click the "Data Collection" pulldown, then select from the list of available Data Collections.
-# Click "Show Legend" option to turn on the display of X-Axis and Y-Axis Legend.
+* If you're using the sample CSV data, select "Sample.Data.ChartData".
-# Click "Labels" option to show the X-Axis and/or Y-Axis field's label. Slide the "Rotation" slider to set the label rotation degree. Click "Title" option to show the Title and enter the title to be displayed in the field.
+* 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]].
-#* Complete "Options" and "Actions" steps as described in [[Widgets|Add/Edit/Remove a Widget]].