You can use a flow chart (Pro) to visualize the results of multiple query statements. You can also configure personalized display settings on the Fields tab. This topic describes the basic configurations of a flow chart (Pro).

Introduction

A flow chart, which is known as a ThemeRiver, is a stacked area chart around a central axis. Lines of different colors in a flow chart represent different categories. By default, the time information of data is mapped to the x-axis of a flow chart. This enables the three-dimensional visualization of data.

You can switch from a flow chart to a column chart below Chart Types.

For more information about how to create a flow chart, see Add a chart (Pro) to a dashboard.

Configurations on the Common Settings tab

  • Parameters in the Basic Configurations sectionBasic Configurations
    Parameter Description
    Title The title of the flow chart.
    Show Title If you turn on Show Title, the title of the flow chart is displayed.
    Show Border If you turn on Show Border, the borders of the flow chart are displayed.
    Show Background If you turn on Show Background, the background color of the flow chart is displayed.
    Show Time If you turn on Show Time, the time range of a query is displayed in the flow chart.
    Fixed Time If you turn on Fixed Time, the time range of a query for the flow chart is independent of the global time range of the dashboard.
  • Parameters in the Standard Configurations sectionTable (Pro)
    Parameter Description
    Format The display format of numeric values.
    Unit The unit of numeric values.
    Number of Digits after Decimal Point The decimal places of numeric values.
    Display Name The name of the legend.

    If you specify a value for Display Name, the value is used as the names of all legends in the flow chart. If you want to change the name of a legend, you must configure parameters on the Fields tab.

    Color Scheme The color scheme of the flow chart. The color scheme is applied to the background and legends of the flow chart.
    • Built-in: uses the built-in color scheme.
    • Solid: uses the color that you select.
  • Parameters in the Configure Query and Analysis sectionFlow chart (Pro)
    Parameter Description
    Axis X Field Select a field as the x-axis.

    By default, Log Service automatically selects an appropriate field as the x-axis.

    Axis Y Field Select a field as the y-axis.

    By default, Log Service automatically selects an appropriate field as the y-axis.

    Aggregate Column Select a field based on which you want to further categorize and aggregate data.
  • Parameters in the Data Configuration sectionLine chart
    Parameter Description
    Data Completion If you turn on Data Completion, Log Service automatically replaces missing values with a specified value from the first data record within the time window specified by Completion window.
    Completion window The time window of data for which Log Service automatically replaces missing values with a specified value. Minimum value: 0. Unit: seconds.

    By default, Log Service automatically specifies the value of Completion window.

    Text-substituted Value The value that you want to use to replace missing values. Default value: 0, which indicates that Log Service replaces missing values with 0.
  • Parameters in the Tooltip Configurations sectionTooltip
    Parameter Description
    Sorting Order The sorting method of data.
  • Parameters in the Legend Configurations sectionLine chart (Pro)
    Parameter Description
    Display Legend If you turn on Display Legend, the legends of the flow chart are displayed.
    Legend The location of the legend.
    Actions The data display effect when you click a legend.
    • Single: When you click a legend, only the data corresponding to the legend is displayed in the flow chart.
    • Switch: When you click a legend, the data corresponding to the legend is hidden or displayed in the flow chart.
    Maximum Width (Height)% The maximum width and height of the legend.
  • Parameters in the Axis X sectionLine chart (Pro)
    Parameter Description
    Display Axis X If you turn on Display Axis X, the x-axis of the flow chart is displayed.
    Axis X Title The title of the x-axis.
    Axis X Height The height of the x-axis.

    By default, Log Service automatically specifies the height of the x-axis

  • Parameters in the Axis Y sectionLine chart (Pro)
    Parameter Description
    Display Axis Y If you turn on Display Axis Y, the y-axis of the flow chart is displayed.
    Axis Y Title The title of the y-axis.
    Axis Y Position The location of the y-axis.
    Axis Y Width The width of the y-axis.

    By default, Log Service automatically specifies the width of the y-axis.

    Max Value The maximum value of the y-axis.

    By default, Log Service automatically specifies the maximum value of the y-axis.

    Minimum The minimum value of the y-axis.

    By default, Log Service automatically specifies the minimum value of the y-axis.

    Elastic Maximum Value The elastic maximum value of the y-axis. The elastic maximum value takes effect only when all values of the y-axis are less than the elastic maximum value.

    By default, Log Service automatically specifies the elastic maximum value of the y-axis.

    Elastic Minimum Value The elastic minimum value of the y-axis. The elastic minimum value takes effect only when all values of the y-axis are greater than the elastic minimum value.

    By default, Log Service automatically specifies the elastic minimum value of the y-axis.

    Axis Y ID The ID of the y-axis. In most cases, this parameter does not take effect if you configure only one y-axis in Common Settings. If you want to configure multiple y-axes, you must configure parameters on the Fields tab. The ID of the y-axis is a string. A y-axis that has a specified ID represents a unique y-axis in a flow chart.

    The configuration of the ID for the y-axis takes precedence over the unit that you specify in Standard Configurations. For example, if two y-axes have the same unit, the two y-axes are merged into one y-axis. If two y-axes have the same unit but different IDs, they are displayed as two y-axes.

  • Parameters in the Chart Configurations sectionLine chart (Pro)
    Parameter Description
    Chart Type The type of the flow chart.
    Note The available parameters in the Chart Configurations section vary based on the type of the flow chart that you specify. The following parameters are available if you specify Line for Chart Type.
    Connection Mode The connection mode of the line in the flow chart.
    Connector Width The width of the line.
    Show Points Specifies whether to display points in the chart.
    Transparency The transparency of the flow chart.
    Point Size The size of the point in the flow chart.
    Gradient Mode The gradient mode of the flow chart.
    • Transparency: If you select this mode, the flow chart has a color gradient that is affected by the line color and the value of Transparency.
    • No Gradient: If you select this mode, the flow chart does not have a color gradient. The line color is used in the flow chart.

Configurations on the Fields tab

You can configure personalized display settings for the results of a single query statement or for a single column of data in the results. For more information about the parameters on the Fields tab, see Configurations on the Common Settings tab.

For example, in the A section, you can configure personalized display settings for the results of Query Statement A. In the B section, you can configure personalized display settings for the results of Query Statement B. You can specify the thickness of each line to distinguish the results of the two query statements. In the following figure, the thick line indicates the results of Query Statement A, and the thin line indicates the results of Query Statement B.

Flow chart (Pro)

Drill-down events

Drill-down events are used to analyze a single field or the results of a single query statement from a finer-grained dimension. Drill-down events include events to open a Logstore, open a saved search, open a dashboard, open trace analysis, open trace details, and customize an HTTP link. For more information, see Drill-down events.

For example, in the A section, you can configure an Open Logstore drill-down event for the results of Query Statement A. After you configure the event, you can click a point on a line of the flow chart and click Open Logstore. Then, you are navigated to the Logstore that you specify.

Flow chart (Pro)