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.
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.
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.
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.
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.
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.
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.
Data Binding
Bind the data to the map, and select Lat/Long, as shown in the following figure.
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.

2. Choose Style > Series, and set Background, as shown in the following figure.
Effect Display
1. PC
Save the template, and click Pagination Preview. The following figure shows the effect.
2. Mobile Terminal
Template Download
Click to download the template Heat Map.cpt