Time series chart

更新时间:
复制 MD 格式

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.时序图