Edge Documentation

Adding a Line Chart Widget

Click "Add Widget" in the tool palette on the left. If "Add Widget" is disabled, refer to the "Adding a Stack" section. For a general overview of adding a "Widget" refer to Add/Edit/Remove a Widget.

1. Enter a name for the Widget
2. Select "Line" under the "Charts" tab.
3. Select the Board you'd like the Column Chart Widget to appear on.
4. Click "Add Widget".

Configuring a Line Chart Widget

1. Select a Data Collection that contains the information you'd like to use for this widget. The Data Collection should contain one or more numeric fields to use as Y values which will be plotted against the corresponding X value.
   • Click the "Data Collection" pulldown, then select from the list of available Data Collections.
   • If you do not see any Data Collections, refer to Add/Edit/Remove a Data Collection.
2. Select the desired field for the X axis.
3. Select the desired type of field.
   • LinearAxis: use for numeric X values that increase by a relatively uniform amount from value to value.
   • LogAxis: use for numeric X values that increase exponentially.
   • CategoryAxis: use for X values that are list of strings like month names or employee names.
   • DateTimeAxis: use for X values that are a timeline.

   • note: for a DateTimeAxis to work correctly the field in the underlying Data Source must be type "DATE".

4. Click "Add" for the Series.
5. Select the Y axis field using the drop down list.
6. Select the desired line graph type using the "From" drop down list.
   • segment: a line segment will be drawn from one point to the next.
   • curve: fit a spline to the points. The effect is like a line segments with smoothing.
   • horizontal: a horizontal line is drawn from each point over to the X coordinate of the next point with a vertical skip between each data point, creating the look of "floating" lines.
   • reverseStep: a vertical line is drawn starting at each point up or down to the Y coordinate of the next point followed by a horizontal line drawn to the next point.
   • step: a horizontal line is draw starting at each point over to the X coordinate of the next point (in the same manner as "horizontal") followed by a vertical line up or down to the next point.
   • vertical: at each point, a vertical line is drawn starting at the Y coordinate of the previous point up or down to the current point. There is no line at the first point.
7. Select the color for the line segments by clicking on the color selector and picking a color off of the popup.
8. Repeat for any additional series.
   • Series may be removed with the "Remove" button next to the "Add". Click anywhere on a row to select the row to "Remove".
9. Check or uncheck "Show Legend" as desired to include a legend of the line color for each Series (by Y-Field name).
10. Enable the X-Axis title and enter value as desired.
11. Enable the X-Axis labels and rotate them as desired.
12. Enable the Y-Axis title and enter value as desired.
13. Enable the Y-Axis labels and rotate them as desired.
14. Complete "Options" and "Actions" steps as described in Add/Edit/Remove a Widget.