This topic describes the meaning of each configuration items in the background image layer.
Chart style
The background image layer is a sub-component of the base flat map 3.0 and can use a custom image type to set the background of the base flat map. 
Style Panel 
Search Configuration: Click the Search configuration items icon
in the upper-right corner of the Style panel. In the Search Configuration panel, enter the name of the configuration items that you want to search for and locate the configuration items. Fuzzy match is supported. For more information, see Search configuration items. General: specifies the general configuration items of the background image layer.
Metric
description
Visible Level
Specifies the visibility level of the background image layer. The image is visible within the specified level range and invisible outside the specified level range.
Opacity
The opacity of the background image layer. Unit: %. The opacity ranges from 0 to 100. The larger the value, the more opaque the background picture layer.
Graphics: Set the graphics configuration items of the background image layer.
Metric
description
Fill Type
The padding type of the background image in the background image layer. Valid values: Image Padding and Texture Tiling.
Image shape
Select the style of the image. You can click the drop-down list next to Style to select one of the three built-in styles. You can also specify the URL of the input image in the drop-down list and use the image on the remote server as the background image. You can also click the
icon to upload a local image as the background image. This parameter is available only when you set the Fill Type parameter to Image Fill. Filling Method
Select a method to fill the background image. You can select Full, Fit, or Stretch. This parameter is available only when you set the Fill Type parameter to Image Fill.
Texture Shape
Select a texture style. You can click the drop-down list next to Style to select one of the nine built-in texture styles. You can also specify the URL of a texture image in the input box of the drop-down panel to use the texture image on the remote server as the background image. You can also click the
icon next to the input box to upload a local texture image as the background image. This feature is available only when you select Texture Tile for Fill Type. Tile Size
Specifies the width and height of the tiled texture map. Valid values: 0 to 100. Unit: px.
Data Sources panel 
Column | Description |
geometry | The range value of the cropping boundary data to be filled with the background image. The default state is the entire China map range data. |
Configure data items | Description |
Data sources | You can use the code editor or visual editor to view the data fields contained in the widget. You can also modify the data type to flexibly configure the component data. |
Data Mapping | If you need to customize chart field configurations, you can set different field mapping content in the Data Mapping module and field mapping these content to the corresponding fields of the widget. This allows you to match data without modifying the fields in the data source. You can also click the |
Configure a filter | Turn on Filter, select an existing data filter or create a data filter, and configure a data filter script to filter data. For more information, see Manage data filters. |
Data Response Result | The Data Response Result section displays widget data in real time. If the data source of the widget changes, this section displays the latest data. If the system response is delayed, you can click the |
Forbid Loading | If you select the check box, you will not see the loaded content during component initialization when you update the component and preview the data kanban. If you select the check box, the opposite is true. By default, the status is deselected. |
Controlled Mode | If you select the check box, the component does not request data in the initialized state, and only requests data by using global variables or the method configured in Blueprint Editor. If you clear the check box, you can use automatic update to request data. By default, the status is deselected. |
Auto Data Request | Select the check box to manually enter the time frequency of polling to set dynamic polling. If you clear the page, the page is not automatically updated. You need to manually refresh the page or use Blueprint Editor and global variable events to trigger a request to update data. |
icon to configure the field style. 
icon on the right to view the data response result. You can also click the 
icon on the right to obtain the latest data of the widget. You can also click View Example to view an example of the response result of the current component. Advanced Panel
This widget does not support interaction events.
Blueprint Interaction
Click the
icon in the upper-left corner to go to the Blueprint page. On the Layer Nodes tab, add the widget to the main canvas.
View blueprint configuration parameters.
Event
Event
Description
When the data interface request is completed
The event is triggered with the processed JSON data after a data interface request is responded and processed by a filter. For more information about specific data examples, see the Data Response Result section of the Data Source tab in the right-side configuration panel of the canvas editor.
Action
Action
Description
Request Data Interface
This action is performed to request the server data again. The data sent by an upstream data processing node or layer node is used as a parameter. For example, if the API data source is
https://api.testand the data passed to the request data interface is{ id: '1'}, the final request interface ishttps://api.test?id=1.Import data
After data of a widget is processed in accordance with its drawing format, the widget is imported for redrawing. You do not need to request server data again. For more information about specific data examples, see the Data Response Result section of the Data Source tab in the right-side configuration panel of the canvas editor.
Toggle Display
Specifies whether to show or hide a widget. No parameters are required.
Display
Display the widget. For more information, see Data example.
{ "animationType": "",// The animation method. Valid value: fade. If you do not specify this parameter, no animation is generated. "animationDuration": 1000,// The animation delay. Unit: ms. "animationEasing": ""// animation curve }Hide
Hide the component. For more information, see Data example.
{ "animationType": "",// The animation method. Valid value: fade. If you do not specify this parameter, no animation is generated. "animationDuration": 1000,// The animation delay. Unit: ms. "animationEasing": ""// animation curve }Update component configurations
Style configurations of widgets are dynamically updated. In the Style panel, click Copy Configuration to Clipboard to obtain the configuration data of the widget. After that, change the style field for the data processing node in Blueprint Editor.