Appboard/2.4/builder/widgets/scatter chart - Revision history

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

2014-07-17T14:45:13Z

← Older revision		Revision as of 14:45, 17 July 2014
Line 1:		Line 1:
	{{DISPLAYTITLE:Scatter Chart}}		{{DISPLAYTITLE:Scatter Chart}}
	[[Category:AppBoard 2.4]]		[[Category:AppBoard 2.4]]
	A Scatter Chart Widget displays information as a series of data points. It is similar to an [[~~Line_Chart_Widget~~\|Line Chart]], but without the data points connected by line segments.		A Scatter Chart Widget displays information as a series of data points. It is similar to an [[appboard/2.4/builder/widgets/line_chart\|Line Chart]], but without the data points connected by line segments.

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

2014-07-17T07:00:13Z

How To Create a scatter Chart Widget

← Older revision		Revision as of 07:00, 17 July 2014
Line 8:		Line 8:

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


	== How To Configure a Scatter Chart Widget ==		== How To Configure a Scatter Chart Widget ==

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

2014-07-17T04:30:50Z

Additional Configuration Steps

← Older revision		Revision as of 04:30, 17 July 2014
Line 76:		Line 76:

	=== 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/2.4/builder/widgets/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 Line 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/2.4/builder/widgets/actions\|Actions]] to be invoked when a user clicks on the Line 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:56:20Z

Select a Data Collection

← Older revision		Revision as of 03:56, 17 July 2014
Line 19:		Line 19:
	* 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/2.4/builder/data_collections\|Add/Edit/Remove a Data Collection]].


	=== Configure the X-Axis ===		=== Configure the X-Axis ===

imported>Jason.nicholls: /* Alpha */

2014-04-04T09:54:57Z

Alpha

← Older revision		Revision as of 09:54, 4 April 2014
Line 56:		Line 56:
	* Alpha sets the opacity of the series.		* Alpha sets the opacity of the series.
	* Reducing the Alpha lets you see grid lines show through the columns.		* Reducing the Alpha lets you see grid lines show through the columns.
	[[Image:ScatterChart_Alpha.png\|Sample Scatter Alpha]]		[[Image:ScatterChart_Alpha.png\|750px\|Sample Scatter Alpha]]

	=== Additional Scatter Chart Options ===		=== Additional Scatter Chart Options ===

imported>Jason.nicholls at 09:39, 4 April 2014

2014-04-04T09:39:45Z

← Older revision		Revision as of 09:39, 4 April 2014
Line 1:		Line 1:
			{{DISPLAYTITLE:Scatter Chart}}
			[[Category:AppBoard 2.4]]
	A Scatter Chart Widget displays information as a series of data points. It is similar to an [[Line_Chart_Widget\|Line Chart]], but without the data points connected by line segments.		A Scatter Chart Widget displays information as a series of data points. It is similar to an [[Line_Chart_Widget\|Line Chart]], but without the data points connected by line segments.

imported>Johnfraleigh: /* Alpha */

2014-04-02T17:51:45Z

Alpha

← Older revision		Revision as of 17:51, 2 April 2014
Line 54:		Line 54:
	* Alpha sets the opacity of the series.		* Alpha sets the opacity of the series.
	* Reducing the Alpha lets you see grid lines show through the columns.		* Reducing the Alpha lets you see grid lines show through the columns.
	[[Image:~~LineChart_Alpha~~.png\|Sample Scatter Alpha]]		[[Image:ScatterChart_Alpha.png\|Sample Scatter Alpha]]

	=== Additional Scatter Chart Options ===		=== Additional Scatter Chart Options ===

imported>Johnfraleigh at 17:24, 2 April 2014

2014-04-02T17:24:23Z

@@ Line 1: / Line 1: @@
-{{DISPLAYTITLE:Scatter Chart Widget}}
+A Scatter Chart Widget displays information as a series of data points.  It is similar to an [[Line_Chart_Widget|Line Chart]], but without the data points connected by line segments.
-== Configuring Scatter Chart ==
+[[Image:ScatterChartSample.png|thumb|center|700px|Sample AppBoard Scatter Chart]]
-# Select a Data Collection that contains the information you'd like to use for this scatter chart.
-#:* Click the "Data Collection" pulldown, then select from the list of available Data Collections.
+== How To Create a scatter Chart Widget ==
-#:* If you do not see any Data Collections, refer to [[appboard/2.4/builder/data_collections|Add/Edit/Remove a Data Collection]].
+For instructions on creating a Widget, see the general instructions in [[Widgets#Adding_Widgets|Adding Widgets]].  The <b>Scatter</b> Widget type is located under the <b>Charts</b> category on the Widget selection screen.
-#:* Selecting a Data Collection will populate the other options in the Data Section.
-# Select X-Axis Field and Y-Axis Field Series from the Data Collection that this scatter chart would visualize.
-#:* 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 Scatter Chart Widget ==
-#:* An example would be a "Month" field of "CategoryAxis" type.
+Follow the instructions above to create the basic "Scatter Chart" Widget, and then perform the following steps to configure a Scatter Chart Widget:
-#:* In Series section, click the "Add" button, to add a Y-Field. Select an item from the list to set the field of interest. Then, click on "Color" chooser to set the color.
-#:* Repeat the above step to add more series in the chart.
-#:* 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.
+=== Select a Data Collection ===
-# Click "Show Legend" option to turn on the display of X-Axis and Y-Axis Legend.
+Select a '''Data Collection''' that contains the information you would like to use for this Widget.
-# 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.
+* Click the "Data Collection" pulldown, then select from the list of available Data Collections.

imported>Jason.nicholls at 08:20, 14 December 2013

2013-12-14T08:20:03Z

← Older revision		Revision as of 08:20, 14 December 2013
Line 1:		Line 1:
	{{DISPLAYTITLE:Scatter Chart Widget}}		{{DISPLAYTITLE:Scatter Chart Widget}}
			[[Category:AppBoard 2.4]]
	== Adding a Scatter Chart Widget ==		== Adding a Scatter Chart Widget ==

imported>Jason.nicholls: Created page with '{{DISPLAYTITLE:Scatter Chart Widget}} == Adding a Scatter Chart Widget == Click "Add Widget" in the tool palette on the left. If "Add Widget" is disabled, refer to the "Adding…'

2013-09-04T15:31:29Z

Created page with '{{DISPLAYTITLE:Scatter Chart Widget}} == Adding a Scatter Chart Widget == Click "Add Widget" in the tool palette on the left. If "Add Widget" is disabled, refer to the "Adding…'

New page

{{DISPLAYTITLE:Scatter Chart Widget}}

== Adding a Scatter 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 Scatter Chart Widget
# Select the Board you'd like the Scatter Chart Widget to appear on.
# Select "OK".

== Configuring Scatter Chart ==

# Select a Data Collection that contains the information you'd like to use for this scatter 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 [[appboard/2.4/builder/data_collections|Add/Edit/Remove a Data Collection]].
#:* Selecting a Data Collection will populate the other options in the Data Section.
# Select X-Axis Field and Y-Axis Field Series from the Data Collection that this scatter chart would visualize.
#:* 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.
#:* An example would be a "Month" field of "CategoryAxis" type.
#:* In Series section, click the "Add" button, to add a Y-Field. Select an item from the list to set the field of interest. Then, click on "Color" chooser to set the color.
#:* Repeat the above step to add more series in the chart.
#:* 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.
# Click "Show Legend" option to turn on the display of X-Axis and Y-Axis Legend.
# 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.