Chart: Adding in a Chart (Graph) into a form that appears when you enter data into the Event Form, or just in the Athlete History

You can select to automatically chart variables to show on the Athlete History page (shown in the image in the step below).

To add a chart to appear in the actual event form when you enter data into the form, or on the athlete history page, click on Chart (as shown in the step below)

To add a chart to appear in the actual event form when you enter data into the form, or on the athlete history page, click on Chart (as shown in the step below)

The Image here shows the charts that have been set to appear on data entry.

The image here shows the charts that have been set to appear on data entry, AND the fields that have been selected to chart by default in the advanced properties section for that field (

The image here shows the charts that have been set to appear on data entry, AND the fields that have been selected to chart by default in the advanced properties section for that field (

Sum of 8 was selected to chart y default on the advanced properties for that field. However, the radar chart and the body weight and skinfolds charts were both set up as charts in the form to show during data entry. By default these charts will always show in the athlete history page (as shown here). The ONLY time they will not show is if there is no data entered for that event yet as you must have two events entered before the graph appears.

To Add a graph to appear in the actual form and/or in the athlete history page, click on "Chart" at the top of the Questions section on the Form Builder.

To Add a graph to appear in the actual form and/or in the athlete history page, click on "Chart" at the top of the Questions section on the Form Builder.

Name the field, Add in a Title and set the width and height (it will default to 450 by 250 pixels- the size of the graph by default charts that you can select for the advanced properties for the graph by default)

Name the field, Add in a Title and set the width and height (it will default to 450 by 250 pixels- the size of the graph by default charts that you can select for the advanced properties for the graph by default)

For this example we are adding in a chart graph of weight and skinfold measures to appear in the anthropometry form.

Show on Data entry: allows you to specify whether you want the chart to appear in the actual data entry page when you enter data into the form. If it is NOT ticked the chart will appear on the athlete history only.

Show on Data entry: allows you to specify whether you want the chart to appear in the actual data entry page when you enter data into the form. If it is NOT ticked the chart will appear on the athlete history only.

See the image of this in the Example Graphs step.

Lock Axes: If you select more than one field to appear in the graph, do you want the vertical axes (Y-axis) to display the same axes range, or to automatically show a range based on the results

Lock Axes: If you select more than one field to appear in the graph, do you want the vertical axes (Y-axis) to display the same axes range, or to automatically show a range based on the results

For this example, we are graphing weight and sum of skinfolds, which will be within a range of 50 to 90 for weight and about the same for sum of skinfolds. For this example we want the data to appear on the same axes, so Lock Axes would be set to Yes. If you were graphing sum of skinfolds and 20m sprint time, you would not want to lock the axes because sum of skinfolds would be in 50ish range and above range and 20m time would be at 4-5. You would set the Lock Axes to No

One Axes: Allows you to specify whether you want one or more axis. The example in the images in the steps below show a graph with one Axes showing and two Axes showing.

One Axes: Allows you to specify whether you want one or more axis. The example in the images in the steps below show a graph with one Axes showing and two Axes showing.

Example Graphs: here shows the graph set to Show on data entry= Tick, Lock Axes =Yes, One Axes = No

Example Graphs: here shows the graph set to Show on data entry= Tick, Lock Axes =Yes, One Axes = No

The Example here shows Show on Data Entry= Not ticked, Lock Axes =No, One Axes=Yes

The Example here shows Show on Data Entry= Not ticked, Lock Axes =No, One Axes=Yes

The graph only appears on the athlete history page only, has one axes label and the axes are not locked.

Once you select whether you want the chart to show or now, and the size of it,  select the Type of Chart that you want to appear: The step here shows the History Chart options

Once you select whether you want the chart to show or now, and the size of it,  select the Type of Chart that you want to appear: The step here shows the History Chart options

If you select the History chart option, you have different chart types that you can use to display your data. The Line, Bar, Dot, Area and Spline are all displayed in the image in the step below.  Just set the Type on the variables that you select to the correct chart that best displays the data. Remember to ALWAYS enter in some test data into the form on the application (and into the event fields in the form that you are graphing) and check that is displays well on your application.

Example History Chart Options: #1-Line, #2-Bar, #3-Dot, #4-Area and #5-Spline

Example History Chart Options: #1-Line, #2-Bar, #3-Dot, #4-Area and #5-Spline

The image here shows the body weight and skinfolds being graphed on all of the different History Chart options.

Value Charts: allow you to have a Line, Bar, Dot, Area and Spline graph, and set Radar Charts

Value Charts: allow you to have a Line, Bar, Dot, Area and Spline graph, and set Radar Charts

The image in the step below profiles the different chart types for the Value Charts.

To set up you Value chart, select the Event Form that you want to chart fields from, and then place a tick beside the fields that you want to display in the value chart. Example graphs are shown in the step below.

Remember to ALWAYS enter in some test data into the form on the application (and into the event fields in the form that you are graphing) and check that is displays well on your application.

Example Value Chart Options: #1-Line, #2-Bar, #3-Dot, #4-Area and #5-Spline

Example Value Chart Options: #1-Line, #2-Bar, #3-Dot, #4-Area and #5-Spline

The image here shows the body weight and skinfolds being graphed on all of the different Value Chart options.

Value Chart: Radar Charts allows you to have a radar chart graphing multiple variables from one event form

Value Chart: Radar Charts allows you to have a radar chart graphing multiple variables from one event form

The example here shows that we are going to graph multiple skinfold fields on a Value Chart that is set to a Radar Chart. To set up a radar chart, select the Event form that you want to chart the fields from and then ensure a tick is placed beside the variables. For this example we have selected to graph the skinfolds, so the One Axes and Lock axes have both been set to Yes. However, if you were charting weight and biceps, then you would want separate Axes.

Example Image of the Radar Chart using the skinfolds fields (selected in the image in the step above)

Example Image of the Radar Chart using the skinfolds fields (selected in the image in the step above)

Scatter Charts: allow you to have a Line, Bar, Dot, Area and Spline graph in a Scatter Format

Scatter Charts: allow you to have a Line, Bar, Dot, Area and Spline graph in a Scatter Format

Example Graphs and Scatter details will be added shortly.

0 Comments

Add your comment

E-Mail me when someone replies to this comment