All Products
Search
Document Center

Simple Log Service:Treemap chart

Last Updated:Jun 20, 2026

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

  1. Log on to the Simple Log Service console. In the Projects section, click the project you want.

    image

  2. 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.

  3. 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.