Flow chart

Configure flow charts to merge multiple query results into a single visualization with custom field-level settings.

Introduction

A flow chart (ThemeRiver) is a stacked area chart arranged around a central axis. Different colors represent different categories, and the time property maps to the x-axis by default to show data changes over time.

To add a flow chart, follow the steps in Add a chart to a dashboard.

Overview

Flow chart type	Example	Related links
Basic flow chart		Basic flow chart
Set the maximum number of categories		Set the maximum number of categories

Configuration example

Basic flow chart

Log on to the Simple Log Service console. In the Projects section, click the project you want.
In the left-side navigation pane, choose Dashboard > Dashboards. In the Dashboard list, click the dashboard you want. In the upper-right corner of the dashboard page, click Edit. In edit mode, choose Add > Add Chart.
In General Configurations > Chart Type > , enter a query statement and click Last 15 Minutes to set the time range for the query and analysis.

For example, the query statement for Query A is as follows:
```
* | select __time__,count(0) as pv group by request_method,__time__
```
The x-axis field __time__ uses the Unix timestamp format. Turn on the Time Series Mode switch and set the Format of the x-axis to YYYY-MM-DD hh:mm:ss. Time series mode.

Other configurations

Line chart configuration

Description

Preview

Chart type (Line chart, Area chart, Column chart, Cross table)

Line chart: Shows data changes over time for trend and periodicity analysis.
Area chart: Similar to a line chart but fills the area beneath lines, making it easier to compare proportions across multiple data series.
Column chart: Compares data across categories to highlight differences.
Cross table: Displays data intersections and relationships across multiple dimensions.

Configure the chart type.

General configurations

Basic configurations

Parameter	Description
Title	The chart title.
Display Title	When Display Title is enabled, the chart title is shown.
Display Border	When Display Border is enabled, chart borders are shown.
Display Background	When Display Background is enabled, the chart background color is shown.
Display Time	When Display Time is enabled, the query time is shown on the chart.
Fixed Time	When Fixed Time is enabled, the query time is fixed and not affected by the dashboard global time range.

Standard configurations

Parameter	Description
Format	The number display format.
Unit	The number unit.
Number of Digits after Decimal Point	The number of decimal places.
Display Name	Renames the legend globally. To rename a specific legend, use the field configuration instead.
Color Scheme	The color scheme for the chart background and legend. Built-in: Uses built-in colors. Monochrome: Uses a single selected color. Threshold: Applies colors based on threshold rules.

Query and analysis configurations

Parameter	Description
x-axis Field	The field mapped to the x-axis. Simple Log Service auto-selects a suitable field by default.
y-axis Field	The field mapped to the y-axis. Simple Log Service auto-selects a suitable field by default.
Aggregated Column	The third-dimension aggregation field.

Data configuration

Parameter	Description
Data Completion	When Data Completion is enabled, Simple Log Service fills in missing data points from the first data point based on the completion window.
Completion Window	The completion window. Minimum value: 0. Unit: seconds. Simple Log Service auto-defines the completion window by default.
Text-substituted Value	The fill value for missing data points. Default: 0.
Maximum Categories	The maximum number of categories. Too many categories can cause lag. Recommended maximum: 50.

Tooltip configuration

Parameter	Description
Sorting Order	The data sorting method.

Legend configuration

Parameter	Description
Display Legend	When Display Legend is enabled, the legend is shown.
Legend Position	The legend position.
Action Behavior	The legend action behavior. Single: Clicking a legend item shows only that item's data. Switch: Clicking a legend item toggles its visibility.
Maximum Width (Height)%	The maximum width and height percentage of the legend.

x-axis

Parameter	Description
Display x-axis	When Display x-axis is enabled, the x-axis is shown.
x-axis Title	The x-axis title.
x-axis Height	The x-axis height. Auto-set by default.

y-axis

Parameter	Description
Display y-axis	When Display y-axis is enabled, the y-axis is shown.
y-axis Title	The y-axis title.
y-axis Position	The y-axis position.
y-axis Width	The y-axis width. Auto-set by default.
Maximum Value	The y-axis maximum value. Auto-set by default.
Minimum Value	The y-axis minimum value. Auto-set by default.
Elastic Maximum Value	Takes effect only when all values are below this threshold. Auto-set by default.
Elastic Minimum Value	Takes effect only when all values are above this threshold. Auto-set by default.
y-axis id	The y-axis ID. In General Configurations, this field is generally not needed. To define multiple y-axes, configure them in Field Configuration. The ID can be any string. Y-axes with different IDs display as separate axes. The y-axis ID has higher priority than the unit in Standard Configurations. Two y-axes with the same unit merge into one, but two with the same unit and different IDs remain separate.

Chart configurations

Parameter	Description
Chart Type	The flow chart type. Note Available parameters vary by chart type. The following parameters apply to the line type.
Connection Mode	The line connection mode.
Line Width	The line width.
Display Point	Whether to display data points on lines.
Transparency	The chart transparency.
Point Size	The data point size.
Gradient Mode	The gradient mode for the fill area. Transparency: Gradient based on the line color, affected by the Transparency setting. No Gradient: Fill color matches line color with no gradient.

Variable substitution

Parameter	Description
Variable substitution	Variable substitution adds a variable-type filter to the chart. After configuration in General configurations, a filter appears in the upper-left corner of the chart. When you select a value, Simple Log Service replaces the variable in the query statement and reruns the analysis. Example 2: Set variable substitution.

Document link

Parameter	Description
Add Document Link	Custom document links or descriptions. Configured content appears in the upper-right corner of the chart.

Field configuration

Field configuration applies custom visualization settings to a single query result or a single column. For parameter details, see General configurations.

For example, A represents the settings for Query A results, and B represents the settings for Query B results. You can set different line thicknesses to distinguish between queries. In the following figure, the thick line represents Query A and the thin line represents Query B.

Interaction occurrences

Interaction occurrences enable drill-down analysis on a single field or query result. Available types: Open Logstore, Open Saved Search, Open Dashboard, Open Trace Analysis, Open Trace Details, and Custom HTTP Link. Add interaction occurrences to a dashboard for drill-down analysis.

For example, A represents an interaction configured for Query A results. If set to Open Logstore, clicking any point on a Query A line and then clicking Open Logstore navigates to the specified Logstore.

Flow chart-line chart example

* | select __time__ - __time__% 60 as minute, count(1) as c,  request_method group by minute, request_method order by minute asc limit 100000