Map Chart
Map Chart is a data chart that displays the distribution of various business indicator data through a flat map. Currently, it supports China flat maps and map display modes of various provinces across the country. For example, users can display the distribution of various projects in various provinces and cities through a national flat map, or they can display the project coverage of a specific province only.
Advantages: Maps are suitable for displaying various aspects of geography, economy, production, and daily life, and are suitable for data summary analysis based on geographical locations from a macro perspective.
Disadvantages: Maps are relatively special graphics, specifically used to represent certain types of charts, and are not suitable for displaying general data.
Settings
Data Settings
| Setting Item | Description |
|---|---|
| Data Source | Select the data source for the map |
| Name Field | Select the field returned by the data source. This field is used to match with map provinces, cities, and districts. The system will match the values in this field with map administrative regions one by one. It is generally recommended to select text or cascading selection fields for provinces, cities, and districts |
| Value Field | Select the data field that needs to be displayed in each administrative region of the map |
Chart Settings
| Setting Item | Description |
|---|---|
| Color Allocation Type | Configure the color effect of the map graphics. Options: Allocate colors in the palette by chart, Allocate colors in the palette by data itemWhen multiple charts are aggregated, you can choose to allocate by chart; for a single chart, you can choose to allocate by data item. The specific color values can be adjusted in the Style menu palette. |
| Map | Select the map area to be displayed in the chart Options: National, Provinces |
| Zoom and Pan | Enable or disable the map zoom and pan functions |
| Aspect Ratio | Set the aspect ratio coefficient of the map display |
| Zoom Ratio | Set the default zoom ratio coefficient for map display |
| Minimum Zoom Limit | Set the minimum zoom ratio for the map |
| Maximum Zoom Limit | Set the maximum zoom ratio for the map |
Label Settings
| Setting Item | Description |
|---|---|
| Display Label | Turn on or off the display of labels on the map |
| Display Content Expression | You can customize and edit expression syntax to achieve complex scene content display. The display priority is lower than [Display Content] |
| Display Content | You can edit the label display content, which does not support complex expression syntax except prompt content. The display priority is higher than [Display Content Expression] |
| Position | You can choose the display position of the label on the map |
| Distance from Graphic | Set the distance of the label from the value point in the map. If there is no data in the area, the graphic will not be displayed, and this configuration will not take effect |
| Label Rotation | Set the rotation angle of the label |
| Text Offset X | Set the distance of the label from the X-axis |
| Text Offset Y | Set the distance of the label from the Y-axis |
| Color | Set the color of the label text |
| Background Color | Set the background color of the label text, which needs to be used together with parameters such as line height, padding, width, and height in the text style to take effect |
| Text Style | Set the label text to italic or normal mode |
| Font Weight | Set the label font weight. Options: Default, Bold, Very Bold, Thin |
| Font | Set the label font style. Options: sans-serif, serif, monospace, Arial, Courier NEW |
| Font Size | Set the label font size. The font size is not less than 12 and cannot exceed 100 |
| Horizontal Alignment | Set the horizontal alignment of the label text, including four ways: auto, left, center, and right |
| Vertical Alignment | Set the vertical alignment of the label text, including four ways: auto, top, center, and bottom |
| Line Height | Set the line height of the label text, which takes effect after the Exceed Width Handling of the text selects the line wrap option |
| Padding | Set the distance length of the label text in the background box |
| Width | Set the maximum display width of the label text, generally need to be combined with Exceed Width Handling for line wrap and other configurations |
| Height | Set the display height of the label text, which only affects the height of the text background, not the display of the text itself |
| Exceed Width Handling | The processing method after the label exceeds the maximum width, including two types: line wrap and truncation and ellipsis display. If set to None, the maximum width will not take effect |
| Stroke Width | Set the stroke width of the label background image, which takes effect after setting the stroke color |
| Stroke Color | Set the stroke color value of the label background |
| Stroke Radius | Set the stroke radius angle of the label background |
| Shadow Color | Set the shadow color of the label background, which takes effect after setting the label background color and shadow size |
| Shadow Size | Set the shadow size of the label background |
| Shadow Horizontal Offset | Set the offset distance of the label background shadow in the horizontal direction |
| Shadow Vertical Offset | Set the offset distance of the label background shadow in the vertical direction |
Map Style
| Setting Item | Description |
|---|---|
| Area Color | Set the unified color effect of map blocks |
| Color | Set the color effect of the current map legend |
| Border Color | Set the color effect of the stroke for each map area |
| Stroke Type | Configure the stroke type of the map area Options: Solid Line, Dashed Line, Dotted Line |
| Stroke Width | Set the stroke width of the map area |
| Stroke Radius | Set the stroke radius angle of the map area |
| Shadow Color | Set the shadow color of the map area |
| Shadow | Set the shadow size of the map area |
| Shadow Horizontal Offset | Set the offset of the map area shadow in the horizontal direction |
| Shadow Vertical Offset | Set the offset of the map area shadow in the vertical direction |
| Opacity | Set the opacity of the map area, the opacity value ranges from 0 to 1 |
Label Layout
| Setting Item | Description |
|---|---|
| Hide Overlapping Labels | When enabled, labels with overlapping content will be hidden |
| Overlapping Offset Direction | When labels overlap, you can choose the direction of label displacement, and you can choose two ways: horizontal or vertical displacement |
Highlight Settings
| Setting Item | Description |
|---|---|
| Disable Highlight | After disabling highlight, the label will no longer be highlighted when the mouse moves to the label position |
| Behavior on Highlight | Set the interactive style of highlight display |
| Fade Out Range | Set the selection range for interactive interface fade out when highlighting, providing three ways: fade out coordinate system, fade out chart or global fade out |
Events
| Setting Item | Description |
|---|---|
| Unclickable | After opening, all label data in the chart cannot be clicked; after closing, you can set the corresponding data click interaction event |
| Call Automation on Click | You can select the corresponding automation to implement related data label click interaction events, such as opening the corresponding data form details or opening other web links after clicking |
| Call Automation on Double Click | The function is the same as click call, but the interaction is triggered by double click instead of single click. You can set click and double click events at the same time |
Usage Example
Suppose we need to create a China population density map.
The specific data structure is as follows:
| Field Name | Field Type |
|---|---|
| Location | String |
| Population | Integer |
Configuration Example
Note: Map Chart generally needs to be used with dynamic styles, such as matching dynamic styles in the example to form a population density heat map