China national border (v4.x)

Chart style

The China national border is a sub-widget of Basic Flat Map 4.0. You can configure its style, data, and interactions independently, including border appearance and geographic annotations.

Style panel

• Search Configuration: Click the icon in the upper-right corner of the Style panel to search for configuration items by name. Fuzzy matching is supported. Search for a configuration item.

• General: General settings for the China national border.

  Parameter	Description
  Visible Level	The zoom level range in which the China national border is visible.
  Opacity	The opacity of the China national border, ranging from 0 to 100%. A higher value makes the layer more opaque.

• Graphic: Graphic settings for the China national border.

  Parameter	Description
  Fill Color	The fill color for areas within the China national border. For more information, see Use the color mapper to configure mapped color styles for area blocks in different country maps.
  Border Style	The border style of the China map, including the color and range for national borders, provincial borders, and coastlines.
  Geographic Annotation	The style of annotations at geographic locations on the China map, including annotation icon color and text style within the icon. Click the icon to the left of Geographic Annotation to show or hide the Geographic Annotation style.
  South China Sea Inset Map	The style of the South China Sea inset map, including the background color, border style, right margin, bottom margin, and overall scale. Click the icon to the left of South China Sea Inset Map to show or hide the South China Sea Inset Map style settings.

• Condition: The condition that determines which style to apply.

  Conditional Style: Click the or icon on the right to add or delete a conditional style. Click the or icon to arrange multiple conditional styles. Click the icon to duplicate the selected conditional style configuration. For more information about style configurations, see Use the condition tree.

  Fill Color: The fill color of the China national border under the current condition. Click the icon to the left of Fill Color to control its visibility.

Data Source panel

Advanced panel

Configure interaction events or associate global variables for filter interactions between widgets. Configure widget interactions.

Blueprint interaction

1. In the upper-left corner of the page, click the icon to go to the Blueprint page.

2. On the Layer Node tab, add the current widget to the main canvas.

3. View the blueprint configuration parameters.

   Note

   Click the icon in the anchor point area on the right to view event and action parameter tooltips.

   • Events

     Event	Description
     When data is updated	Triggered after the data API response is returned and processed by the filter. Returns the processed data in JSON format. For a data example, see the Data Response section on the Data Source tab of the widget's configuration panel in the canvas editor.
     When the data request status changes	Triggered when the data request status changes. The callback parameter is the current status. For a data example, see the Data Response section on the Data Source tab of the widget's configuration panel in the canvas editor.
     Component Loading Complete	Triggered after a data API response is processed by a filter. Returns the processed data in JSON format. For a data example, see the Data Response Result area on the Data Source tab in the configuration panel for the widget in the canvas editor.

   • Actions

     Action	Description
     Import data	Processes data in the component's format and imports it to redraw the component without re-requesting server-side data. For a data example, see the Data Response area on the Data Source tab in the configuration panel to the right of the component in the canvas editor.
     Request data	Re-requests server-side data, using output from an upstream data processing node or layer node as a parameter. For example, if a points heatmap layer has its API data source set to https://api.test and the data passed to the Request data action is { id: '1'}, the final request URL is https://api.test?id=1.
     Toggle visibility	The Toggle Visibility, Show, and Hide actions do not require parameters by default. You can add animation configurations as needed. See the data example. { // Animation type. Optional values: appear|fade|slideToUp. The default is fade. If left blank, there is no animation. "animationType": "fade", // Animation duration. The default is 1000 ms. "animationDuration": 1000, // Animation curve. Optional values: linear|easeInOutQuad|easeInOutExpo. The default is linear. "animationEasing": "linear" }
     Show
     Hide
     Update component configuration	Dynamically updates the component's style configuration. Click Copy Configuration to Clipboard on the component's Style panel to get the configuration data, then modify the field values in the data processing node on the blueprint editor's configuration page as needed.