Multi-Series Map

Version

Application Scenario

The multi-series map refers the map set with multiple series, where Series Name of the map data is selected as Field Name, as shown in the following figure.

The characteristic of multi-series maps is that the map can be set to display labels or prompts of multi series at the same time. So, in what order are multiple series stacked, in the frontend display? How do color schemes, labels, and prompts of multiple series differ with different types of legends? This document will provide a detailed introduction to the settings and display effects of multi-series maps.

Take the area map as an example. This document shows how to set the basic setting of the template, and bind the data to the map first, and then introduces the setting and effects of color, label, and prompt for the multi-series map separately.

Data Preparation

Create a general report and create a built-in dataset, as shown in the following figure.

Chart Insertion

Taking the area map as an example. Select Anhui as Map Boundary and choose Standard > Null for GIS Layer, as shown in the following figure.

Chart Design

Legend Setting

Set a deep blue background. Choose Style > Background > Fill > Color and select dark blue, as shown in the following figure.

Data Binding

Select the built-in dataset Embedded1, set Area Name as Region, set Series Name as Field Name, and bind 3 fields, as shown in the following figure.

Series Color Setting

Color Section by Series

When you choose Style > Series > Color Section, and select Series, the map will be displayed as shown in the following figure.

In the frontend display, the map color defaults to the color of the first series. You can click Legend to hide or show the series, as shown in the following figure.

Color Section by Value

When you select Value under Style > Series > Color Section, you can set it to Continuous Gradient or Area Gradient, as shown in the following figure.

In the frontend preview, the map color adopts the theme color of the gradient, whether it is Continuous Gradient or Area Gradient, and the range of the gradient is determined by the first series, as shown in the following figure.

• Continuous Gradient

• Area Gradient

Label and Prompt

Attribute

Attribute	Label	Prompt
Use Label/Tooltip	Use Label is not selected by default.	Use Tooltip is selected by default.
Content	Common/Rich Text/Custom
Text	Area Name, Series Name, Value, Percentage
Type	Theme/Custom
Display Strategy	When you select Common as Content, you   can select Display All Series, and   the first series is displayed (by default) when not selected. When you select   Rich Text/Custom, it does not support Display All Series, where only the first series is displayed. Note: When you select Rich Text/Custom for Prompt, the Display All Series setting can be selected but is ineffective.
	Display All Series is not selected by default.	Display All Series is selected by default. Can be set to follow the cursor.

Function Setting

Choose Style > Label and set as shown in the following figure.

Choose Style > Prompt and set as shown in the following figure.

Effect Preview

In preview, both Label and Prompt display all series, and series can be displayed or hidden by clicking Legend.

Note:

The preview effect on the App and HTML5 is consistent with the PC.

• Select Series as Color Section: Content of Label and Prompt will be hidden when Legend is hidden.

• Choose Value > Continuous Gradient for Color Section: as Legend is hidden, the corresponding areas on the map are hidden, and Label and Prompt are also hidden.

• Choose Value > Area Gradient for Color Section: as Legend is hidden, the corresponding areas on the map are hidden, and Label and Prompt are also hidden.

Point Map

The multi-series setting and display principles of the point map are exactly the same as those of the area map, as shown in the following figure.

Flow Map

The display principle of the line color in the flow map is opposite to that of the area map. During preview of the flow map, the color of the last series is ultimately displayed, as shown in the following figure.

Combination Map

The color display order and series setting method of the combination map are the combinations of the three maps mentioned above. Although they are combined into one map, the series color display still follows their respective logic. In addition, the series of the point map is always displayed above the series of the area map and the flow map series is always displayed above the series of the area map, as shown in the following figure.

You can click to download the template Multi-Series Map.cpt.