Area Map

1) The area map, divided into administrative areas such as countries, provinces/states and cities, is used to show the information of areas and relevant data, with its color depth indicating the metrics.

2) The area map aims to display the geographical distribution of data intuitively. However, geographical information with aggregate data must be provided to use this type of map, and the size of the geographic area is independent of the metrics.

3) For more information, please refer to Map,Map Configuration, Chart Data, Chart Style and Chart Special Effects.

1. Insert a Chart

1) Take the floating chart as an example. Click Insert -> Floating Element -> Insert Chart -> Map, and select Area Map. Adjust the size and position.

2) Double click the chart and enter Type setup on the right.

• Map Boundary: define the map layer of displayed data. Click to select the built-in Southeast Asia layer here.

• GIS Layer: define the basemap. Choose Mapbox.

• Zoom Level: provides 37 levels ranging from 0 to 18 with a minimum adjustable level of 0.5; supports the auto-zoom feature. Here we set it to Automatic.

• Center: provides two options for defining the longitude and latitude of the center point, namely, Automatic and Custom. Here we set it to Automatic.

2. Bind Data

1) Create a new template dataset, click on File dataset, set file type as Excel and select the .xlsx file which you can download below. Check the box of "First row contains column headings" and preview the data.

Map.xlsx 

2) Click on Data. Select the created File dataset File1, and use Field Value. Set Area Name as "Country", set both Series and Value to "Sales_volume", and select None for Summary Method.

3) Click on beside Area Name to match the area names in the map's JSON resources with the areas from the database table. Here we can see that Myanmar has no matching counterpart as shown below, you can click on "Please select match item" to select Burma from the map's JSON resources. The matched item will appear in the Custom Match List below. Click on OK.

3. Style Setup

Click Style on the right panel to switch to the style setting interface. Despite the various types of charts, most of the style options are universal. Please refer to Chart Style for details.

1) Here we'll just set up the title briefly. Click Title and check Show Title.  Enter "Southeast Asia Sales" into the Content -> Text box, then the title will be displayed on the upper part of the chart.

2) Click Series, set Theme Color to yellow, then adjust the gradient level.

Save and preview the result as shown below. The areas not included in the Southeast Asia JSON layer are simply displayed in the GIS basemap. The included areas, on the other hand, are appearing with different depths of yellow colors, according to the data of Sales_volume.