A treemap chart shows part-to-whole relationships and compares proportions across categories. This topic covers the basic configuration for treemap charts.
Overview
A treemap chart uses rectangles of varying sizes to represent data. The area of each rectangle is proportional to the value it represents, making it easy to identify the largest contributors at a glance.
The chart arranges rectangular blocks based on your data values.
Configuration example
Log on to the Simple Log Service console. In the Projects section, click the project you want.
-
In the left-side navigation pane, choose . In the Dashboard list, click the dashboard you want. In the upper-right corner of the dashboard page, click Edit. In edit mode, choose .
-
On the right side of the page, configure the Chart Type and Title. On the left side, configure the time range, Logstore, and query statement. Then, click Apply at the top of the page to view the chart.
For Chart Type, select Treemap Chart. Set the Title to Event Region Distribution. Select 15 Minutes (Relative) for the time range.
The following query statement is used to analyze the distribution of events by region:
* | select "event.acsRegion" as region, count(1) as cnt group by region order by cnt DESC limit 20
General configurations
Configure global settings for the chart.
-
Basic configurations
Parameter
Description
Title
The chart title.
Display Title
Shows the chart title when enabled.
Display Border
Shows a border around the chart when enabled.
Display Background
Shows a background color for the chart when enabled.
Display Time
Shows the query time in the chart when enabled.
Fixed Time
Locks the query and analysis time range so that it is not affected by the dashboard's global time setting.
-
Standard configurations
Parameter
Description
Format
The display format for numbers.
Unit
The unit for numbers.
Number of Digits after Decimal Point
The number of decimal places for numbers.
Display Name
The display name for the field.
This name overrides all other field names in the chart. To rename a specific field, use field configuration.
Color Scheme
The color scheme for the chart.
-
Built-in: Uses the built-in colors.
-
Solid: Uses a single color.
-
Threshold: Colors the chart based on configured thresholds.
-
-
Query and analysis settings
Parameter
Description
Category
Select the field to use for data categories.
Value Column
The numeric field that determines rectangle size. Larger values produce larger rectangles.
-
Threshold
Parameter
Description
Threshold
Set thresholds for your data.
If you set the Color Scheme to Threshold and configure thresholds here, the chart displays the rectangle backgrounds in the corresponding threshold colors.
-
Variable replacement
Parameter
Description
Variable Replacement
Adds a variable-based filter to the chart. After you configure variable replacement in the General Configurations, Log Service adds a filter to the upper-left corner of the chart. You can select a value from the filter, and Log Service replaces the variable in the query statement with the selected value and reruns the query. For a configuration example, see Example 2: Configure variable replacement.
-
Documentation link
Parameter
Description
Add Documentation Link
Adds a custom documentation link or description. This appears in the upper-right corner of the chart.
Field configuration
Apply custom display settings to the results of a single query or a specific column. For details about the configuration parameters, see general configurations.
For example, under A > cnt, you can configure the cnt field from Query A by setting its Unit to "count".
Interactive events
Configure interactive events for query results or specific data columns for drill-down analysis. Supported events include Open Logstore, Open Saved Search, Open Dashboard, Open Trace Analysis, Open Trace Details, and Custom HTTP URL. For more information, see Add interactive events to a dashboard for drill-down analysis.
For example, if you configure an Open Logstore event for the results of Query A, you can click any point on the chart and then click Open Logstore to open the specified Logstore.