Column Layer

更新时间:
复制 MD 格式

Configure the column layer, a 3D earth subcomponent that renders data as vertical columns on a globe.

Chart style

The column layer is a subcomponent of the 3D earth that supports independent style configurations, including column shape, radius, and color. 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.

  • Style: the style of the column layer.

    Metric

    description

    Closed

    Turn on the switch to render solid columns. Turn off the switch to render hollow columns.

    Top radius

    The radius of the top of the column.

    Bottom radius

    The radius of the bottom of the column.

    Number of edges

    The number of sides of the column.

    Rotation Angle

    The rotation angle of the column.

    Sensitivity level of sensitive data

    The number of color gradations for the column layer. The minimum color and maximum color settings determine the color of each column based on point distribution.

    Note

    The color between the Maximum and Minimum values is displayed based on the value of the value field.

    Height zoom ratio

    The scaling ratio of the column height. Valid values: 0.01 to 100.

    Transparency

    The transparency of the column.

    Color gradient mode

    The color interpolation method for the gradient. Valid values: lch, lab, and hsl.

    Minimum Color

    The color assigned to the lowest point value. For more information, see color picker description.

    Maximum Color

    The color assigned to the highest point value. For more information, see color picker instructions.

Data Sources panel image.png

Column

Description

lng

The longitude of the column.

lat

The latitude of the column.

value

The value of the column.

Configure data items

Description

Data sources

View the data fields of the widget in the code editor or visual editor. You can modify the data type to configure different data formats.

Data Mapping

Set custom field mappings in the Data Mapping module to map data source fields to widget fields without modifying the original 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 the widget data in real time. When the data source changes, this section updates automatically. Click the imageicon to view the data response result, or click the imageicon to refresh the data. You can also click View Example to view a sample response.

Forbid Loading

Select the check box to hide the loading animation during component initialization when previewing the dashboard. By default, this check box is cleared.

Controlled Mode

Select the check box to prevent the component from requesting data on initialization. In this mode, data is requested only through global variables or methods configured in Blueprint Editor. By default, this check box is cleared.

Auto Data Request

Select the check box and specify a polling interval to enable automatic data refresh. If the check box is cleared, you must manually refresh the page or use Blueprint Editor and global variable events to trigger data updates.

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 point data request is completed

      Triggered after the point data request is returned and processed by the filter. The processed JSON data is included in 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 point data

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

      Import point data

      Imports pre-processed data directly into the widget for rendering without making a new server request. For data examples, see the Data Response Result section of the Data Source tab in the right-side configuration panel.

      Switch Display /Display

      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 in the data processing node of Blueprint Editor.