A treemap chart is a data visualization tool used to show part-to-whole relationships and compare proportions across categories. This topic describes how to configure the basic settings for a treemap chart.
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 consists of rectangular blocks that are calculated and arranged based on your data.
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
Use general configurations to configure global settings for the chart.
-
Basic configurations
Parameter
Description
Title
The chart title.
Display Title
Displays the chart title when enabled.
Display Border
Displays a border around the chart when enabled.
Display Background
Displays a background color in the chart when enabled.
Display Time
Displays the query time in the chart when enabled.
Fixed Time
Fixes the query and analysis time range so that it is not affected by the global time of the dashboard.
-
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 instead.
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 that you want to use for the data categories.
Value Column
The numeric field that determines the size of the rectangles. A larger value results in a larger rectangle.
-
Threshold
Parameter
Description
Threshold
Specifies 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 an individual 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. Log Service automatically replaces the variable in the query statement with the selected value and runs the query again. 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 information appears in the upper-right corner of the treemap chart.
Field configuration
Use field configuration to apply custom display settings to the results of a single query or a specific column within those results. 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 to enable deeper data 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.