Line charts display changes in data over time. Information appears in a series of data points that are connected by lines. This type of chart is useful for displaying information that changes continuously.
Options in the Component
-
Drop Y-Axis: In a line chart, the y-axis can include both text-based or numeric categories, such as job statuses or total backup size.
-
Drop X-Axis: In a line chart, the x-axis includes numeric information, such as the start time for a job.
General
-
Chart Title: Allows you to specify the name of the chart.
-
ID: By default, displays the automatically-generated identifier for the chart. You can specify a different chart ID.
-
Data Set: Displays the data set used to create the chart. This box is not editable.
-
Y-Axis Title: Allows you to specify the label for y-axis data that runs horizontally across the bottom of the chart.
-
X-Axis Title: Allows you to specify the label for x-axis data that runs vertically up the side of the chart.
-
Chart Type: By default, displays the type of chart you chose to create. You can change the chart type by selecting another type from the list.
-
Show Gridlines: When selected, shows the gridlines in the chart. When cleared, hides the gridlines in the chart.
-
Smooth Lines: When selected, displays curved lines instead of straight lines. When cleared displays straight lines.
-
Show Area: When selected, highlights the area covered by the line.
-
Skip line for missing data: When selected, a graph line connects across null points, or renders a gap between the two points on either side of the null.
-
Show Markers: When selected, displays a dot for each data point. When cleared, hides the dot for each data point.
-
Show Data Labels: When selected, displays the value associated with each data point. When cleared, hides the value associated with each data point.
-
Show Legend: When selected, displays a legend for the chart information and the Max Legend Label Length and Legend Position settings. When cleared, hides Legend information and settings.
-
Legend Position: Allows you to configure the placement of the legend in the chart. Can be Top, Bottom, Right or Left.
-
Max Legend Label Length: Allows you to configure the maximum number of characters in legend labels.
-
-
Show in Tabular Form: When selected, this option converts the chart to a table. When cleared, this option converts the table to a chart.
-
Disable Interactivity: To disable the interactive elements in this component, move the toggle key to the right.
Interactivity allows the user to narrow the view of the data to a smaller time period, such as down to an hour, or even a series of seconds. To return to the default view of data, in the component, click Clear.
-
Hide Header: To hide header information from the chart output, select this option.
-
Show top right tooltip: To display the tool tip in the top-right area of the component, move this toggle key to the right.
-
Visible: Select who can view the component.
-
All: To allow everyone see the component, select this option.
-
CommCell Admin: To allow only CommCell administrators see the component, select this option.
-
Tenant Admin: To allow only only tenant administrators see the component, select this option.
-
Custom: To allow users see the component based on the permissions, select this option, then in the Visible Expression box, enter a JavaScript statement.
For example, to allow MSP users view the component, in the Visible Expression box, enter := return cv.isMspUser.
-
Fields
-
Visible: Select who can view the component.
-
All: To allow everyone see the component, select this option.
-
CommCell Admin: To allow only CommCell administrators see the component, select this option.
-
Tenant Admin: To allow only only tenant administrators see the component, select this option.
-
Custom: To allow users see the component based on the permissions, select this option, then in the Visible Expression box, enter a JavaScript statement.
For example, to allow MSP users view the component, in the Visible Expression box, enter := return cv.isMspUser.
-
-
Sorting: To configure sorting options, click this option.
-
Sort By: Data can only be sorted by the x-axis values. This setting is not editable.
-
Sort Order: To sort data in ascending or descending order, select Asc or Desc.
-
-
Measure: To configure options for the X-axis and Y-axis data points, select this option.
-
Auto convert values: To automatically convert display sizes for data points, move this toggle key to the right. For example, 10,000 KB is converted to 10 MB.
-
Y-Axis: To configure options for the Y-axis data, click this option.
-
Legend Label: To display a custom label for the data, enter a label.
-
Aggregate: To specify the type of numeric value that appears for the data points, select Count or Distinct.
-
-
X-Axis: To configure options for the X-axis data, click this option.
-
Legend Label: To display a custom label for the data, enter a label.
-
Aggregate: To specify the type of numeric value that appears for the data points, select Count or Distinct.
-
-
-
Dimension: To configure options for X-axis data points, click this option. For timeline charts, the following options appear only when you add multiple X-axis data types to the component.
-
Slant X-Axis: To display data point labels at a slanted angle, move this toggle key to the right, and then in the box, specify the degree of the angle. If there are more than 5 labels in the component, then the labels are automatically slanted.
-
X-axis data: To configure options for this type of X-axis data, select this option.
-
Max Points: To specify the maximum number of data points that appear for this data type, in the box, enter a number.
-
All Points: To display all data points in the component, move this toggle key to the right.
-
Formatter: To configure how this type of data appears in the component, click None. The Formatter dialog box appears.
-
-
-
Custom Colors: To configure a color for each data point, click this option.
-
Customize Series Colors : To add a custom color for a data point in the component, click this button.
A list box and color box appear. In the list, select or type a data point, and then click the color box beside it.
-
Color dialog box: Select a color or enter an RGB, a HSL, or a hex code to specify a color.
-
Default: To specify the default color for all data points, from the list, select default, click the color box, and then select a color. Any data point in the component that is not configured with a custom color displays the color configured for the default data point.
-
-
-
Custom Groups: To create custom data points based on the data types in the component, click this option.
-
X-axis Data: To enable custom group settings, move this toggle key to the right, and then click the edit button .
The X-axis Data dialog box for custom group settings appears.
-
Add Group: To specify a custom data points, click this button.
-
Group Name: Enter a label for the data point.
-
Group Values: Enter text or a formula. You can use regular expressions to define the content.
-
Delete Group : To remove a custom group, click this button.
-
Include custom groups even if there is no data: To include all of your custom groups, even if there is no data to display, move this toggle key to the right.
-
Include values that are not part of a custom group: To include all values that are not part of a custom group in a single group titled Others, move this toggle key to the right.
-
Apply: To save custom groups, click this button.
-
Cancel: To exit the dialog box without saving changes, click this button.
-
-
Custom Code
On Click
Allows you to configure an action on a bar or the entire chart using JavaScript.
Customize Legend Labels
Allows you to configure an action on the legend labels using JavaScript.