DataV:Floating Bubble Layer

Settings Panel

• Search for Configurations: In the right-side panel of Canvas Editor, click the Settings tab, and click Search for Configurations in the upper-right corner. Enter the required configuration item in the search box, and click the search icon to quickly locate the configuration item. Fuzzy match is supported. For more information, see Search for asset configurations.
• Visible Level: Set the visibility level of the flow bubble layer. The flow bubble layer is visible within the specified level range.
• Default Settings: Set parameters such as the image style path, image size, and icon offset of the stream bubble icon.

  Parameter	Feature
  Image Path	The image of the streaming bubble icon. Move the pointer over the image and click Delete to delete the image. Then, click the image area or drag a local image to the area to add an icon. Move the pointer over the image and click Change to upload the local image again. You can also enter the URL address of the image to use the image on the remote server as the streaming bubble icon.
  Image Size	Set the width and height of the icon. Valid values: 0 to 400. Unit: pixels.
  Icon Offset	The offset of the icon in the horizontal and vertical directions. Valid values: -400 to 400. Unit: pixels. We recommend that you set it to half the width of the icon for horizontal centering and half the height of the icon for vertical centering.
  Floating Frame Offset	The offset of the floating frame relative to the horizontal and vertical directions. Valid values: -400 to 400. Unit: px.
  Circle Style	Set the fill color of the circle, the radius value of the circle, the edge color of the circle, and the thickness value of the edge. Click the icon to the left of Circle Style to control the display of Circle Style.

• Frame Settings: You can configure parameters such as the text style, text alignment, and line height.

  Parameter	Feature
  Text Style	Set the font, weight, font size, and color of the text in the floating frame. Please refer to the color picker instructions for color modification.
  Text alignment	The alignment mode of multiple lines of information in a stream bubble. You can select Left-Align, Center, or Right-Align. This is valid only when the info information in the data is set to multi-row.
  Row height ratio	Sets the row height scale value of the flow bubble float frame.
  Margins	Set the distance between the text in the stream bubble and the four sides of the bubble.
  Background configuration	Set the background color, content width, and rounded corner radius of the stream bubble. The larger the value, the more rounded the corner.
  Shadow	Set the color, shadow blur, and shadow offset for the horizontal and vertical directions of the stream bubble float box. Valid values: 0 to 50. Unit: px.

• Animation Settings: You can configure parameters such as the cache, sequence, and number of bubbles for the stream bubble animation.

  Parameter	Feature
  Cache	If you turn on the switch, the system automatically caches your bubble data and can customize the number of cached records. When the data changes, the system does not clear the data that you have cached.
  Order	If you turn on the switch, the system bubbles cyclically in the sequence of data. If you turn off the switch, the system bubbles randomly.
  Number of bubbles	The number of flow bubbles at a time. If the specified number is less than the number of data records, the system uses circular bubbles.
  Tile Time	The duration of the streaming bubble tiling animation. Unit: s.
  dwell time	The dwell time of the streaming bubble tiling animation. Unit: s.
  Disappearing Time	The disappearance time of the streaming bubble tile animation. Unit: s.

Data Panel

Table 2. Parameters

Parameter	Description
Controlled Mode	If you turn on the switch, data is not requested when a widget is initialized. Data requests are triggered only based on callback IDs or the method configured in Blueprint Editor. If you turn off the switch, data requests are automatically triggered. By default, the switch is turned off.
Auto Data Request	After you select the Auto Data Request check box, you can enable dynamic polling, and manually specify the polling interval. If you do not select this check box, data is not automatically requested. You must manually refresh the page to request data or use Blueprint Editor or callback ID events to trigger data requests.
Data Source	In the right-side panel of Canvas Editor, click the Data tab. Click Set next to Static Data. In the Configure Datasource panel, select a data source from the Data Source Type drop-down list. Enter code for data query in the code editor, click Preview Data Response to preview the response of the data source, and then view the response. For more information, see Configure asset data.
Data Filter	If you select the Data Filter check box, you can convert the data structure, filter data, and perform simple calculations. If you click the plus sign (+) next to Add Filter, you can configure the script for the data filter in the editor that appears. For more information, see Use the data filter.
Data Response Result	The response to a data request. If the data source changes, you can click the icon next to Data Response Result to view the data response in real time.

Interaction Panel

This widget does not support interaction events.

Configure interactions in Blueprint Editor

1. In Canvas Editor, click the icon next to Streaming Bubble Layer in the Basic Flat Map widget.
2. Click the icon in the upper-left corner of the page.
3. In Blueprint Editor, click the Stream Bubble Layer component in the Import Nodes pane. You can view the parameters of the Stream Bubble Layer component on the canvas, as shown in the following figure.
   • 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 tab in the right-side configuration panel of the canvas editor.
     When a data interface request fails	The event that is returned when a data interface request fails (the request may be due to network problems or interface errors) and is processed by the filter. The event also throws the processed JSON data. For more information about specific data examples, see the Data Response Result section of the Data tab in the right-side configuration panel of the canvas editor.

   • Policy 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.test and the data passed to the request data interface is { id: '1'}, the final request interface is https://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 tab in the right-side configuration panel of the canvas editor.
     Display	A widget is shown without the need to specify parameters.
     Hide	A widget is hidden without the need to specify parameters.