A time series chart is a visualization designed for MetricStore. It allows you to visualize the results of Prometheus queries and display multiple query results. This topic describes how to configure a time series chart.
Introduction
A time series chart is a trend analysis chart that shows how a dataset changes over time, providing a direct view of data trends. You can use a time series chart to observe the following characteristics of your data:
-
Increases or decreases
-
The rate of change
-
Patterns of change, such as periodic fluctuations
-
Peak and bottom values
You can plot multiple lines to compare trends across different datasets. This helps you analyze their interactions and correlations, such as whether they rise and fall together or are inversely proportional. In addition, time series charts in Log Service support period-over-period comparison, enabling you to easily compare current data with data from previous periods.
Common settings
Use the common settings to configure global properties for the time series chart.
-
Basic settings
Parameter
Description
Title
The title of the time series chart.
Display Title
When you turn on the Display Title switch, the title is displayed in the time series chart.
Display Border
After you turn on the Display Border switch, a border is displayed in the time series chart.
Display Background
When you turn on the Display Background switch, a background color is displayed in the time series chart.
Display Time
When you turn on the Display Time switch, the query time is displayed in the time series chart.
Fixed Time
After you turn on the Fixed Time switch, the time range for the query and analysis is fixed and is not affected by the dashboard's global time.
-
Standard settings
Parameter
Description
Format
The display format for numeric values.
Unit
The unit for numeric values.
Number of Digits after Decimal Point
The number of decimal places to show for numeric values.
Display Name
Specifies a display name for the legend that applies to all series. You can override this name for a specific series by using field configuration.
Color Scheme
Select a color scheme for the chart. This setting affects the chart background and the series colors.
-
Built-in: Use the built-in color palette.
-
Solid: Use a single color that you select.
-
-
Data settings
Parameter
Description
Data Completion
After you turn on the Data Completion switch, Log Service starts from the first data point and performs data completion based on the completion window.
Completion Window
The time window for automatic data completion, in seconds. The minimum value is 0.
By default, Log Service automatically determines the window size.
Text-substituted Value
The value used to fill missing data points. Default: 0.
-
Legend settings
Parameter
Description
Display Legend
After you turn on the Display Legend switch, the legend appears in the time series chart.
Legend Position
The position of the legend.
Actions
Specifies the behavior when a user clicks a legend item.
-
Single: When you click a legend item, only the data for that item is displayed on the chart.
-
Switch: When you click a legend item, the data for that item is hidden. Click it again to show the data.
Maximum Width (Height)%
The maximum width and height of the legend.
-
-
Tooltip configuration
Parameter
Description
Sorting Method
The sort order for the data.
Display Mode
The display mode for the tooltip.
Data is displayed in the selected mode when you hover over the chart.
-
X-axis settings
Parameter
Description
Display Axis X
After you turn on the Display Axis X switch, the X-axis is displayed in the time series chart.
Axis X Title
The title of the X-axis.
Format
Select a format to apply to the time values on the X-axis.
Axis X Height
The height of the X-axis.
By default, Log Service automatically sets the height of the X-axis.
Drag and Zoom
Specifies whether dragging to zoom on the chart refreshes the global time range or only the current chart's time range.
-
Y-axis settings
Parameter
Description
Display Axis Y
After you turn on the Display Axis Y switch, the Y-axis is displayed on the time series chart.
Axis Y Title
The title of the Y-axis.
Axis Y Position
The position of the Y-axis.
Stacking
If enabled, stacks the series on the Y-axis.
Axis Y Width
The width of the Y-axis.
By default, Log Service automatically sets the width of the Y-axis.
Maximum Value
The maximum value of the Y-axis.
By default, Log Service automatically sets the maximum value of the Y-axis.
Minimum Value
The minimum value of the Y-axis.
By default, Log Service automatically sets the minimum value of the Y-axis.
Elastic Minimum Value
The elastic minimum value of the Y-axis. This setting is applied only when all values are greater than the elastic minimum value.
By default, Log Service automatically sets the elastic minimum value of the Y-axis.
Elastic Maximum Value
The elastic maximum value of the Y-axis. This setting is applied only when all values are less than the elastic maximum value.
By default, Log Service automatically sets the elastic maximum value of the Y-axis.
Axis Y ID
Specifies an ID for the Y-axis. This setting is configured in Field Configuration to define multiple Y-axes and has no effect when set globally in General Configurations. The Y-axis ID can be any string. Series with different Y-axis IDs are plotted on separate Y-axes. For more information, see Add a line chart with multiple Y-axes.
The Y-axis ID takes precedence over the Standard Configurations setting in the standard settings. For example, if two series have the same unit but different Y-axis IDs, they are displayed on two separate Y-axes. If they have the same unit and the same or no ID, they are merged into one Y-axis.
-
Style settings
Parameter
Description
Chart Type
The type of the time series chart.
Connection Mode
Specifies how data points in the chart are connected.
Line Width
The width of the lines.
Display Point
Specifies whether to show points on the chart.
Transparency
The opacity of the filled area under each line.
Point Size
The size of the points on the time series chart.
Gradient Mode
The gradient mode for the area fill under the line.
-
Transparency: The gradient is based on the line color and is affected by the Transparency setting.
-
No Gradient: No gradient is used. The area is filled with the solid line color.
-
-
Thresholds
Parameter
Description
Upper Boundary
Specifies the upper boundary line.
Lower Boundary
Specifies the lower boundary line.
Boundary Fill Color
Specifies the fill color.
Boundary Fill Opacity
Specifies the opacity of the fill color.
Variable substitution
Parameter
Description
Variable substitution
Variable substitution is equivalent to adding a filter of the variable type to a single chart. After you configure variable substitution in General configurations, Simple Log Service adds a filter to the upper-left corner of the current chart. You can select a value from the filter. Simple Log Service automatically replaces the variable in the query and analysis statement with the selected variable value and runs a query and analysis operation. For a configuration example, see Example 2: Set variable substitution.
-
Documentation link
Parameter
Description
Add Documentation Link
Adds a help icon in the upper-right corner of the chart, which can link to custom documentation or display a description.
Field configuration
Use field configuration to apply custom visualization settings to the results of a specific query or to an individual series within the results. For descriptions of the configuration options, see common settings.
For example, the time series chart below shows the CPU utilization of different hosts over time, with each line representing one host. To set a custom color for each line, use field configuration.
Drill-down events
Use drill-down events to perform deeper analysis of a specific field or query. A drill-down can open a Logstore, a Saved Search, a dashboard, Trace Analysis, Trace Details, or a custom HTTP link. For more information, see Add a drill-down event to a dashboard.
For example, you can configure a drill-down event for Query A. If you set the event to Open Logstore, clicking a data point on the corresponding line and selecting Open Logstore navigates you to the specified Logstore.
Period-over-period comparison
Time series charts in Log Service support period-over-period comparison. For example, while viewing the current CPU utilization for host 192.168.XX.XX, you can compare it with the utilization from the previous day. To do this, click the
icon and select the desired time range. Log Service automatically displays the comparison result.