DataV:Scatter layer

Chart style

The scatter layer, a component of the 3D globe, allows for independent styling and data configurations. These configurations include the size, color, and type of scatter points, along with their latitude and longitude, enabling the representation of point data on geographical locations through scatter points.

Style panel

• Search Configuration: Click the Style icon in the upper right corner of the panel to enter the name of the configuration item you wish to locate in the search field. The system supports fuzzy matching. For more information, see Search configuration item.

• Height: Specifies the scatter layer's height relative to the map globe, ranging from 3 to 10.

• Breathing Rate: Sets the frequency of the scatter layer's gradient pulsation, with a range from 0 to 0.1.

• Transparency: Determines the transparency of the scatter layer, with values between 0 and 1.

• Data Classification: Segments the data into 2 to 7 levels based on the value field (natural segmentation) to address rendering issues from large value disparities.

• Scatter Texture: Allows for the application of a texture style to the scatter layer by pasting the texture URL link.

• Scatter Size (from Small To Large): Use the or icons to add or remove scatter size types. Arrange multiple scatter size types using the or icons. Copy the current scatter style configuration with the icon to create a new scatter style with the same settings.

  Value: Defines the maximum value for the scatter size under this type.

  Important

  This configuration item is an array that works in conjunction with data classification. It is set incrementally from type 1 to type n. For instance, if type 1 is set to 10, data with a value from 0 to 10 will display as size 10. If type 2 is set to 20, data with a value from 11 to 20 will display as size 20. If the data classification is set to 3 levels, the value of type 3 will determine the size for data with values above 20.

• Default Color: Assigns a default color to scatters when the type field in the data does not match the Scatter Type configuration.

• Scatter Type: Add or remove scatter types using the or icons. Arrange multiple scatter types with the or icons. Copy the current scatter type configuration with the icon to create a new scatter type with the same settings.

  Parameter	Description
  type	The type value corresponds to the type field in the data.
  Color	Specifies the color for the scatter of this type. Note This configuration item can be an array, allowing for multiple editions. Scatters corresponding to the type field in the data will be rendered in the color of the matching edition. If the type field is not present in this configuration, the scatter will render in the default color.

Data source panel

Advanced panel

This component does not support interaction occurrences.

Blueprint interaction

1. Enter the Blueprint page by clicking the icon in the upper left corner of the page.

2. Under the Layer Node tab, add the current component to the main canvas.

3. Review the blueprint configuration parameters.

   • Event

     Event	Description
     When The Data Interface Request Is Completed	This event is triggered after the data interface request is completed and the data is processed by the filter. The processed data in JSON format is also provided. For specific data examples, refer to the Data Source tab in the configuration panel on the right side of the component in the canvas editor, and the Data Response Result area.

   • Action

     Action	Description
     Request Data Interface	Initiates a new request for server-side data using the data provided by upstream data processing nodes or layer nodes as parameters. For instance, if the scatter layer's API data source is configured as https://api.test, and the data passed to the Request Data Interface action is { id: '1'}, the final request URL will be https://api.test?id=1.
     Import Data Interface	Imports and re-renders the component with processed data in the component's rendering format, without the need to request server-side data again. For specific data examples, refer to the Data Source tab in the configuration panel on the right side of the component in the canvas editor, and the Data Response Result area.
     Switch Visibility	Toggles the visibility of the component without requiring parameters.
     Show	Displays the component. For data examples, see the referenced documentation. { "animationType": "",//Animation type. Optional value: fade. No animation if not filled. "animationDuration": 1000,//Animation delay in ms. "animationEasing": ""//Animation curve }
     Hide	Conceals the component. For data examples, see the referenced documentation. { "animationType": "",//Animation type. Optional value: fade. No animation if not filled. "animationDuration": 1000,//Animation delay in ms. "animationEasing": ""//Animation curve }
     Update Component Configuration	Dynamically updates the component's style configuration. To obtain the configuration data, first click Copy Configuration To Clipboard in the Style panel of the component. Then, modify the field values of the corresponding style in the data processing node on the blueprint editor configuration page as needed.