All Products
Search
Document Center

DataV:Linear Gradient Scatter Layer

Last Updated:Dec 06, 2024

This topic describes the meaning of each configuration items of a scatter layer (linear gradient).

Chart style

The scatter layer (linear gradient) is a subcomponent of 3D Earth. It supports independent styles and data configurations, including the size, color, type, longitude, and latitude of the scatter. It can represent the point data information at a geographic location in the form of 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 between the maximum radius and the minimum radius. The scatter between the maximum radius and the minimum radius is displayed based on the value of 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 lower scatter of this type.

    Note

    The configuration items can be an array. You can configure multiple series in this configuration items. The points corresponding to the type field in the data are rendered using the color of this series. If the type property of a dot in the data source is not contained in the Scatter Type pane, then the default color is used for rendering the dot.

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

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 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

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 imageicon on the right to view the data response result. You can also click the imageicon 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.

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.

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

      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 Scatter Layer

      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.test for the scatter layer (linear gradient) and the data passed to the request scatter layer action is { id: '1'}, the final request interface is https://api.test?id=1.

      Import Scatter Layer

      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.

      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

      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.