Heat Map

  • Last update:January 20, 2025
  • Overview

    Application Scenario

    With a map as the background, the heat map shows the size and distribution range of data and the weights of points within the geographic area through heat intensity.

    The heat map is suitable for presenting datasets with geographic location information, typically the regional aggregated continuous information. The following figure shows the magnitude of each area in a heat map.

     热力地图1.png

    Chart Feature

    Advantage: Combined with a map, the heat map visualizes the geographic distribution of data, enabling you to easily determine the size of metrics by color shades and bubble sizes and view the focus of visitors' interest in each area of each page.

    Disadvantage: Geographic information must be available. The data should be aggregated for the heat map where the bubbles are easy to superimpose, the displayed values are imprecise, the bubbles in similar size and color shades are hard to distinguish, and the size of the geographic area is not related to the value of the metric, which is easily misinterpreted.

    Attribute Description 

    Type

    When inserting a chart as a cell element or a floating element, select Heat Map, and click OK, as shown in the following figure.

     热力地图2.png

    Data

    The following figure shows the settings of binding data to the heat map.

    Data Source: Dataset Data and Cell Data are available for the heat map. 

    Geographic Info: Two matching methods Area Name and Lat/Long are available. 

    Longitude: longitude of the coordinate point corresponding to the heat map

    Latitude: latitude of the coordinate point corresponding to the heat map

    Area Name: area name of the coordinate point corresponding to the heat map

    Series Name: You can select Field Value or Field Name. In this example, select Field Name.

     热力图3.png 

    Style

    For details about the basic style design of the heat map, see Chart Style.

    The series settings of the heat map under Style > Series differ from the basic styles and are introduced separately. 

    Heat Point

    Set the attributes (Color, Style, and Opacity) of the heat point, as shown in the following figure.

     热力图4.png

    1. Color

    The heat map can display the size of the series values through a gradient color effect. 

    2. Style

    Render Radius: You can customize the radius size of the heat point.

    Blur: You can customize the blurriness of the heat point.

    3. Opacity

    You can set the maximum and minimum values of the opacity for the heat point.

    Background

    Set the attributes (Color and Border) of the background, as shown in the following figure.

     热力图补5.png

    1. Color

    Null Color: You can control the null color of the background.

    Opacity: You can set the opacity (75% by default) of the background.

    2. Border

    Line Style: You can set the line style of the background to none, thin line, or thick line.

    Color: You can control the color of the background.

    Opacity: You can control the opacity of the background.

    Special Effect 

    Example

    Report Design

    Data Preparation

    Create a built-in dataset named File1 which records the area and the corresponding magnitude, as shown in the following figure.

     热力图5.png

    Chart Insertion

    Merge required cells, right-click cell A1, choose Cell Element > Insert Chart > Heat Map, and click OK, as shown in the following figure.

    热力图6.png 

    Data Binding

    Bind the data to the map, and select Lat/Long, as shown in the following figure.

     热力图7.png

    Style Setting

    1. Choose Style > Series > Heat Point, select Continuous Gradient as Color Type, and customize Render Radius and Blur, as shown in the following figure.

    iconNote: 
    The larger the value of Render Radius, the larger the display area of the heat. The bigger the value of Blur is, the higher the blurriness extent of the heat border will be. Min and Max correspond to the opacity of the minimum and maximum values respectively in the map.

    热力图8.png

    2. Choose Style > Series, and set Background, as shown in the following figure.

     热力图9.png

    Effect Display

    1. PC

    Save the template, and click Pagination Preview. The following figure shows the effect.

     热力地图1.png

    2. Mobile Terminal

    热力图10.jpg

    Template Download

    Click to download the template Heat Map.cpt


    Attachment List


    Theme: Chart
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy