Linear Gradient Scatter Layer

更新时间:
复制 MD 格式

Configure the style, data, and interaction settings for the scatter layer (linear gradient) subcomponent of 3D Earth.

Chart style

The scatter layer (linear gradient) is a subcomponent of 3D Earth that supports independent style and data configurations, including scatter size, color, type, longitude, and latitude. It displays point data at geographic locations as scatter points. image.png

Style Panel image.png

  • Search Configuration: Click the Search configuration items icon imagein 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.

  • Height: the height of the scatter layer relative to the spherical surface of the map. Valid values: 3 to 10.

  • Minimum Radius: the minimum radius of the scatter.

  • Maximum Radius: the maximum radius of the scatter.

    Note

    The scatter radius is interpolated between the minimum and maximum radius based on the value field.

  • Animation Speed: the animation speed of the scattered dots. Valid value: 0 to 0.1.

  • Transparency: the transparency of the scatter layer. Valid values: 0 to 1.

  • Scatter Map: the map style of the scatter layer. You can paste the map URL to obtain the map.

  • Default Color: If the type field in the data is inconsistent with the scatter type configuration items, the scatter is displayed in the default color.

  • Scatter Type: Click the imageor imageicon to add or delete a scatter type. Click the imageor imageicon to configure the arrangement style of multiple scatter points. Click the imageicon to copy the currently selected scatter pattern configuration and add a scatter pattern with the same configuration.

    Metric

    description

    type

    The value of the type corresponds to the type field in the data.

    Color

    The color of the scatter for this type.

    Note

    You can configure multiple color series. Points are rendered using the color that matches their type field. If a point's type is not listed in the Scatter Type pane, the default color is used.

Data Sources panel image.png

Column

Description

lng

Optional. The longitude of a dot.

lat

Optional. The latitude of a dot.

type

The type of the scatter. It defines the color of the scatter together with the Scatter Type> Type configuration items.

value

The numeric value corresponding to the scatter.

Configure data items

Description

Data sources

Use the code editor or visual editor to view the data fields of the widget. You can also modify the data type to configure the component data.

Data Mapping

Set field mappings in the Data Mapping module to map data fields to the corresponding widget fields without modifying the data source. You can also click the imageicon to configure the field style.

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

Displays widget data in real time. When the data source changes, this section shows the latest data. Click the imageicon to view the data response result, or click the imageicon to refresh the widget data. You can also click View Example to view a sample response.

Forbid Loading

If you select the check box, loading content is hidden during component initialization when you update the component and preview the dashboard. If you clear the check box, loading content is displayed. By default, the check box is cleared.

Controlled Mode

If you select the check box, the component does not request data during initialization and only requests data through global variables or methods configured in Blueprint Editor. If you clear the check box, data is requested automatically. By default, the check box is cleared.

Auto Data Request

Select the check box and specify a polling interval to enable dynamic data polling. If you clear the check box, data is not automatically updated. You must manually refresh the page or use Blueprint Editor and global variable events to trigger a data update.

Advanced Panel

This widget does not support interaction events.

Blueprint Interaction

  1. Click the imageicon in the upper-left corner to go to the Blueprint page.

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

  3. View blueprint configuration parameters. image.png

    • Event

      Event

      Description

      When the scatter layer request is completed

      Triggered after a data request is responded to and processed by a filter. The processed JSON data is passed as the event payload. For data examples, see the Data Response Result section of the Data Source tab in the right-side configuration panel.

    • Action

      Action

      Description

      Request Scatter Layer

      Requests server data again, using the data from an upstream data processing node or layer node as a parameter. For example, if the API data source is https://api.test and the data passed to the request scatter layer action is { id: '1'}, the final request URL is https://api.test?id=1.

      Import Scatter Layer

      Imports pre-processed data in the widget's drawing format for redrawing without requesting server data again. For data examples, see the Data Response Result section of the Data Source tab in the right-side configuration panel.

      Switch Display /Hash

      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

      Dynamically updates widget style configurations. In the Style panel, click Copy Configuration to Clipboard to obtain the configuration data. Then modify the style field for the data processing node in Blueprint Editor.