Appboard/old/widgets/line chart - Revision history

imported>Jason.nicholls: moved Line Chart Widget to appboard/old/widgets/line chart

2014-07-17T14:40:31Z

moved Line Chart Widget to appboard/old/widgets/line chart

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

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

2014-07-17T14:38:20Z

← Older revision		Revision as of 14:38, 17 July 2014
Line 1:		Line 1:
	A Line Chart Widget displays information as a series of data points connected by line segments. It is similar to an [[~~Area_Chart_Widget~~\|Area Chart]], but without the color and texture between the axes and the line.		{{DISPLAYTITLE:Line Chart Widget}}
			[[Category:AppBoard old]]
			A Line Chart Widget displays information as a series of data points connected by line segments. It is similar to an [[appboard/old/widgets/area_chart\|Area Chart]], but without the color and texture between the axes and the line.

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

2014-07-17T07:02:15Z

How To Create a Line Chart Widget

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

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


	== How To Configure a Line Chart Widget ==		== How To Configure a Line Chart Widget ==

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

2014-07-17T04:16:11Z

Additional Configuration Steps

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

	=== 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 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/old/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:58:59Z

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


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

imported>Johnfraleigh: /* Type */

2014-04-02T17:03:38Z

Type

← Older revision		Revision as of 17:03, 2 April 2014
Line 32:		Line 32:
	* '''LogAxis''': x-axis values are determined as a logarithmic progression between the lowest and highest values. Labels on the logarithmic axis are even powers of 10.		* '''LogAxis''': x-axis values are determined as a logarithmic progression between the lowest and highest values. Labels on the logarithmic axis are even powers of 10.
	* '''CategoryAxis''': This is the default. The "rows" observed in the selected column of data will make up the X-Axis.		* '''CategoryAxis''': This is the default. The "rows" observed in the selected column of data will make up the X-Axis.
	* '''DateTimeAxis''': x-axis values are determined as time-based values such as hours, days, weeks, or years~~. This value can be chosen or "auto" can be used to let the widget decide the best value to use. An option to change the date-time format is also available~~.		* '''DateTimeAxis''': x-axis values are determined as time-based values such as hours, days, weeks, or years.
	If you're using ''Sample.Data.ChartData'', then select "CategoryAxis" to be the Type.		If you're using ''Sample.Data.ChartData'', then select "CategoryAxis" to be the Type.

imported>Johnfraleigh: /* Type */

2014-04-02T16:55:40Z

Type

← Older revision		Revision as of 16:55, 2 April 2014
Line 32:		Line 32:
	* '''LogAxis''': x-axis values are determined as a logarithmic progression between the lowest and highest values. Labels on the logarithmic axis are even powers of 10.		* '''LogAxis''': x-axis values are determined as a logarithmic progression between the lowest and highest values. Labels on the logarithmic axis are even powers of 10.
	* '''CategoryAxis''': This is the default. The "rows" observed in the selected column of data will make up the X-Axis.		* '''CategoryAxis''': This is the default. The "rows" observed in the selected column of data will make up the X-Axis.
	* '''DateTimeAxis''': x-axis values are determined as time-based values such as hours, days, weeks, or years.		* '''DateTimeAxis''': x-axis values are determined as time-based values such as hours, days, weeks, or years. This value can be chosen or "auto" can be used to let the widget decide the best value to use. An option to change the date-time format is also available.
	If you're using ''Sample.Data.ChartData'', then select "CategoryAxis" to be the Type.		If you're using ''Sample.Data.ChartData'', then select "CategoryAxis" to be the Type.


	=== Configure a Series (Y-Axis) ===		=== Configure a Series (Y-Axis) ===

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

2013-08-27T15:26:51Z

← Older revision		Revision as of 15:26, 27 August 2013
Line 58:		Line 58:


	[[Image:~~lineChart_Form~~.png\|Sample Area Chart Forms]]		[[Image:LineChart_Form.png\|Sample Area Chart Forms]]


Line 80:		Line 80:
	* 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 Area Alpha]]		[[Image:LineChart_Alpha.png\|Sample Area Alpha]]


Line 86:		Line 86:
	* Weight refers to how thick the line on the line chart will be.		* Weight refers to how thick the line on the line chart will be.
	* Larger numbers equate to the thicker lines.		* Larger numbers equate to the thicker lines.
	[[Image:~~lineChart~~.png\|Sample Area Chart]]		[[Image:LineChart.png\|Sample Area Chart]]

imported>Cmace: copied from internal

2013-01-02T17:08:56Z

copied from internal

← Older revision		Revision as of 17:08, 2 January 2013
Line 40:		Line 40:
	* Repeat to add additional series.		* Repeat to add 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.


Line 59:		Line 60:
	[[Image:lineChart_Form.png\|Sample Area Chart Forms]]		[[Image:lineChart_Form.png\|Sample Area Chart Forms]]


			=== Line Style ===

			* '''Solid''' - The default line style, a simple solid line that traces the data points in the line chart.
			* '''Dashed''' - This style uses a series of dashes instead of a solid line to trace the data points.
			* '''None''' - This style provides no line for the chart and is usually used in conjunction with selecting a shape for the data points.


			=== Shape ===

			This option allows you to add a shape to represent the exact data point for each record in the series. The Color option applies to the shape chosen as well as the line color.

	=== Color ===		=== Color ===

imported>Cmace: copied from internalwiki

2012-05-03T17:43:48Z

copied from internalwiki

Show changes