Colored Map

Prerequisites

You have created a data visualization screen. For more information, see Create a Data Visualization Screen.

Example

Configure chart fields

1. In the Charts section of the component library, find Filled Map and drag it onto the canvas.

2. Click Select a Dataset and add data as shown in the following figure. The chart is then updated.

You can also perform the following operations on the data:

• Batch configure field formats (①). For more information, see Batch Configure Field Styles.

• Set field filters (②). For more information, see Filter data.

• Enable auto-refresh for data (③). For more information, see Periodically refresh data.

• Switch datasets (④). For more information, see Switch datasets.

• Edit the dataset (⑤). For more information, see Edit a dataset.

• Process data (⑥). For more information, see Create a calculated field, Create a grouped dimension, and Create a placeholder.

• Copy a field (⑦). For more information, see Copy a field and convert it to a dimension.

Configure the chart style

1. Geographic Area

   Configure the following settings:

   • For Display Range, select Auto or Custom.

     Note

     • The Auto option adjusts the range based on the data. The Custom option lets you set the range manually. In interactive analysis scenarios, the range is always adjusted automatically.

     • The custom display range currently supports continents and countries worldwide, along with regions, provinces, and cities in China.

     

     You can also select Manual Adjustment. When enabled, the centroid and scaling values are automatically generated. You can modify them manually.

   • For Outline and Fill, configure the background color of areas and the outline color.

     Note

     Outlines cannot be displayed for some regions.

     

   • For Display Basemap, select from multiple Amap basemap styles.

   • For Outer Outline Flow, enable or disable this feature. When enabled, you can set the Flow Color (Solid/Gradient), Thickness, Speed, and Length.

     

2. Area Style

   Configure the following settings:

   • For Color Scale Configuration, set the Theme Color and adjust the Transparency.

   • For Data Mapping Range, select Continuous Range, Equal Interval, or Custom Range.

     

     If you select Custom Range, set the Interval Basis to Absolute Value or Percentage.

     

3. Data Labels

   Configure the following settings:

   • Show Data Labels:

     If you create a map in Area Name mode, you can display both the Area Name and the Measure.

     If you create a map in Latitude and Longitude mode, you can display both the Latitude and Longitude and the Measure. If you configure Location Label/Dimension, you can also display the Location Label.

   • Label Display Mode: Select Smart Display or Full Display. Smart Display works best for maps with many place names.

   • Text Style: Configure the text style for the Area Name, Latitude and Longitude, and Measure data labels.

     

4. Legend

   In the legend settings, select Show Legend and configure the legend's Position, Background Color, and Text Style.

   

5. Tooltip

   In the tooltip settings, select Enable Tooltip and configure the Background Color, Text, and Carousel.

   Enable Tooltip is selected by default. The tooltip appears when you hover over an area on the map.

   

   You can enable Auto Carousel. When enabled, tooltips cycle automatically. You can set the Duration and Interval for the carousel.

   

Configure chart events