Example Widget: Line Chart

Data

Choose a datatype and datasource

Lines

• Data Key- Property from data object corresponding to a line on the graph
• Type- changes the nature of the line
• Legend Type- the icon associated with the data key
• Name- label for the line if different from the data key

Colors

Changes the color of the line

Y Axes

• Data Key- Property from data object whose value(s) corresponds to Y axis ranges
• Label-Name for Y axis
• Orientation- Changes the side the Y axis is on
• Time Format-Allows to edit format of time and date
• Top Padding- Creates extra spacing for the graph on top
• Bottom Padding-Creates extra spacing for the graph on bottom
• Show Standard Deviation Reference Lines-Shows standard deviation bounds
• Standard Deviations-Number of standard deviations from the mean to render reference line
• Line Label-Name for the standard deviation line
• Lower Bounds-Lowest number on Y-axis range
• Upper Bounds-Highest number on Y-axis range
• Auto Bounds-If marked, the bounds will automatically adjust based on the data

X Axis

• Data Key- Property from data object whose value(s) corresponds to X axis ranges
• Label-Name for X axis
• Orientation- Changes the side the X axis is on
• Time Format-Allows to edit format of time and date
• Left Padding- Creates extra spacing for the graph on the left
• Right Padding-Creates extra spacing for the graph on the right

Reference Lines

X and Y axis lines can be added to define values and compare against the dataset.

Chart

Change the margin measurements for the graph

Brush

• Brush-Mark the box to appear below the graph. This is used to zoom in on a section in the graph
• Stroke-Change the color of the brush
• Data Key- Property from data object whose value(s) corresponds to the brush
• Height-Changes the height of the brush

Grid

Edit grid lines of the chart

Legend

• Show/Hide- Show and hide legend
• Font Color-Changes font color of text on legend
• Layout- Changes the placement of the labels of the legend
• Horizontal Align-Changes the horizontal placement of the legend
• Vertical Align- Changes the vertical placement of the legend
• Icon Type-Changes the icon of the legend labels

Statistics

• Enable Statistics-Displays button to open window for statistics about the graph. Note: Button is disabled while editing a widget.
• Anomaly Detection Strictness- Number of standard deviations used to calculate and detect anomalies

Other Tools

• Tooltip- Display data box on hover
• Unique Style- Overrides the overall style settings to change a specific setting.It is automatically checked when you change a style
• HTML Id- Used to target widget element in the DOM
• Allow Fullscreen- Gives the option to make chart fullscreen