A treemap chart shows part-to-whole relationships and compares values across categories.
Overview
A treemap chart uses nested rectangles to represent hierarchical data. The area of each rectangle is proportional to its value, making it easy to see the largest contributors.
The chart consists of rectangles sized and ordered based on your query results.
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 chart editing page, specify a time range, a Logstore, and a query statement. In the right-side panel, set the Chart Type and Title. Then, click Apply to view the chart.

The following query statement finds 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 treemap chart in the General configurations panel.
Basic Configurations
Parameter
Description
Title
The title of the chart.
Display Title
If you turn on Display Title, the title of the chart is displayed.
Display Border
If you turn on Display Border, the borders of the chart are displayed.
Display Background
If you turn on Display Background, the background color of the chart is displayed.
Display Time
If you turn on Display Time, the query time range of the chart is displayed.
Fixed Time
If you turn on Fixed Time, the query time range of the chart is independent of the global time range of the dashboard.
Standard Configurations
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 display field.
If you specify a value for Display Name, the value is used as the names for all display fields in the chart. If you want to change the name of a display field, you must configure parameters on the Field Configuration tab.
Color Scheme
The color scheme of the chart.
Built-in: uses the built-in color scheme.
Solid: uses the color that you select.
Threshold: uses different colors for different values based on the specified thresholds for the values.
-
Query analysis settings
Parameter
Description
Category
The field that represents the categories to display.
Value column
The numeric field that determines the size of each rectangle. Larger values create larger rectangles.
-
Threshold
Parameter
Description
Threshold
The threshold values for your data.
When the Color Scheme is set to Threshold, the background color of each rectangle corresponds to the configured threshold range.
-
Variable replacement
Parameter
Description
Variable replacement
Adds a variable-based filter to the chart. When you configure a variable replacement in the General configurations panel, Simple Log Service adds a filter control to the upper-left corner of the chart. When you select a value from the filter, Simple Log Service automatically replaces the variable in the query statement with that value and reruns the query. For a configuration example, see Example 2: Configure variable replacement.
-
Documentation link
Parameter
Description
Add documentation link
Allows you to add a custom documentation link or description. The information is displayed in the upper-right corner of the chart.
Field configuration
Use the Field configuration panel to customize the display settings for a specific column from your query results. For more information about the parameters, see the General configurations section.
For example, A > cnt allows you to configure the cnt field from Query A. In the following figure, the Unit for the cnt field is set to count.

Interactions
Interaction occurrences allow you to configure interactions for the results of a query analysis or for data in a single column of the results to add depth to your data analysis. The available interactions include opening a Logstore, opening a Saved Search, opening a dashboard, opening Trace analysis, opening Trace details, and navigating to a custom HTTP link. For more information, see Add interaction occurrences to a dashboard to implement drill-down analysis.
For example, you can configure an Open Logstore interaction for the results of Query A. After configuration, clicking a data point in the chart and selecting Open Logstore redirects the user to the specified Logstore.
