Heat Map

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.

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 

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.

Note: 

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.

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

Click to download the template Heat Map.cpt