Appboard/old/widgets/hilo chart - Revision history

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

2014-07-17T14:46:08Z

← Older revision		Revision as of 14:46, 17 July 2014
Line 1:		Line 1:
			{{DISPLAYTITLE:Hi-Lo Open-Close Chart}}
			[[Category:AppBoard old]]
	A Hi-Lo Open-Close Widget is a graphical chart that is typically used to illustrate the movement in an indicator over time, such as the price of a commodity or the number of incidents reported on a computer network. Each vertical line on the chart shows the full price range over one unit of time. By looking at a range of dates, one can see the range of prices on each date, as well as the trend of the daily ranges over time. The specific nature of the Hi-Lo Open-Close Widget requires that the underlying Data Collection contains fields for the High, Low, Open, and Close values.		A Hi-Lo Open-Close Widget is a graphical chart that is typically used to illustrate the movement in an indicator over time, such as the price of a commodity or the number of incidents reported on a computer network. Each vertical line on the chart shows the full price range over one unit of time. By looking at a range of dates, one can see the range of prices on each date, as well as the trend of the daily ranges over time. The specific nature of the Hi-Lo Open-Close Widget requires that the underlying Data Collection contains fields for the High, Low, Open, and Close values.

imported>Jason.nicholls: moved HLOC Chart Widget to appboard/old/widgets/hilo chart

2014-07-17T14:40:42Z

moved HLOC Chart Widget to appboard/old/widgets/hilo chart

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

imported>Jason.nicholls: /* How To Create a Hi-Lo Open-Close Widget */

2014-07-17T07:02:11Z

How To Create a Hi-Lo Open-Close Widget

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

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


	== How To Configure a Hi-Lo Open-Close Widget ==		== How To Configure a Hi-Lo Open-Close Widget ==

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

2014-07-17T04:16:08Z

Additional Configuration Steps

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

	=== 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 Hi-Lo Open-Close 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 Hi-Lo Open-Close 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:56Z

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.ChartData3".		* If you're using the sample CSV data, select "Sample.Data.ChartData3".
	* 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 ===		=== Configuring the X-Axis ===

imported>Johnfraleigh: /* Type */

2014-04-02T17:03:15Z

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.ChartData3'', then select "DateTimeAxis" to be the Type.		If you're using ''Sample.Data.ChartData3'', then select "DateTimeAxis" to be the Type.

imported>Johnfraleigh: /* Type */

2014-04-02T16:54:56Z

Type

← Older revision		Revision as of 16:54, 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.ChartData3'', then select "DateTimeAxis" to be the Type.		If you're using ''Sample.Data.ChartData3'', then select "DateTimeAxis" to be the Type.


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

imported>Cmace: copied from internal

2013-01-02T14:29:23Z

copied from internal

← Older revision		Revision as of 14:29, 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.

	If you're using ''Sample.Data.ChartData'', then select the following Y-fields:		If you're using ''Sample.Data.ChartData'', then select the following Y-fields:
Line 46:		Line 47:
	* Open		* Open
	* Close		* Close


	=== Chart Options ===		=== Chart Options ===

imported>Cmace: copied from internalwiki

2012-05-03T17:42:36Z

copied from internalwiki

@@ Line 1: / Line 1: @@
-== Adding a HLOC Chart Widget ==
+A Hi-Lo Open-Close Widget is a graphical chart that is typically used to illustrate the movement in an indicator over time, such as the price of a commodity or the number of incidents reported on a computer network.  Each vertical line on the chart shows the full price range over one unit of time.  By looking at a range of dates, one can see the range of prices on each date, as well as the trend of the daily ranges over time.  The specific nature of the Hi-Lo Open-Close Widget requires that the underlying Data Collection contains fields for the High, Low, Open, and Close values.
-# Select a Data Collection that contains the information you'd like to use for this HLOC chart.
+== How To Create a Hi-Lo Open-Close 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>Hi-Lo Open-Close</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 the "Data Collections" section.
-# Select X-Axis Field from the Data Collection that this HLOC 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 Hi-Lo Open-Close Widget ==
-#:* An example would be a "Month" field of "CategoryAxis" type.
+Follow the instructions above to create the basic "Hi-Lo Open-Close Chart" Widget, and then perform the following steps to configure the Hi-Lo Open-Close Chart Widget:
-# Set the Series to be plotted. Select High, Low, Open, Close Field from the Data Collection that this HLOC chart would use as Series. Also, click on "Color" chooser to set the color.
-# 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.
+=== Select a Data Collection ===
-#* Complete "Options" and "Actions" steps as described in [[Widgets|Add/Edit/Remove a Widget]].
+Select a '''Data Collection''' that contains the information you would like to use for this Widget.

imported>Cmace: created to remove appboard_builder

2012-03-13T19:23:14Z

created to remove appboard_builder

New page

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

== Configuring HLOC Chart ==

# Select a Data Collection that contains the information you'd like to use for this HLOC 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 the "Data Collections" section.
# Select X-Axis Field from the Data Collection that this HLOC 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.
#:* An example would be a "Month" field of "CategoryAxis" type.
# Set the Series to be plotted. Select High, Low, Open, Close Field from the Data Collection that this HLOC chart would use as Series. Also, click on "Color" chooser to set the color.
# 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.
#* Complete "Options" and "Actions" steps as described in [[Widgets|Add/Edit/Remove a Widget]].