Columns Layer

Parameter

• 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 Configurations.
• Maximum Height: the maximum height of the column. Valid values: 30 to 900. Unit: pixels.
  Note The height of a column is affected by the value field in the Data tab.
• Threshold: the thickness of the column. Valid values: 30 to 600. Unit: pixels.
• Color: the color of the column. For more information, see color picker instructions.
• Opacity: the transparency of the column. Valid values: 0 to 1.

The metadata of the filtering table.

Sample code in the preceding figure:

[
  {
    "lat": 31.8998,
    "lng": 102.2212,
    "value": 7
  },
  {
    "lat": 28.6542,
    "lng": 120.079,
    "value": 3
  },
  {
    "lat": 24.0554,
    "lng": 114.207,
    "value": 4
  },
  {
    "lat": 33.5807,
    "lng": 119.0305,
    "value": 5
  },
  {
    "lat": 39.563,
    "lng": 118.1108,
    "value": 10
  },
  {
    "lat": 41.8993,
    "lng": 114.0101,
    "value": 3
  },
  {
    "lat": 30.3096,
    "lng": 114.0812,
    "value": 9
  },
  {
    "lat": 40.0905,
    "lng": 113.3014,
    "value": 4
  },
  {
    "lat": 28.6396,
    "lng": 102.5089,
    "value": 6
  },
  {
    "lat": 29.6045,
    "lng": 114.4932,
    "value": 7
  },
  {
    "lat": 29.4145,
    "lng": 112.1723,
    "value": 9
  },
  {
    "lat": 21.2749,
    "lng": 110.365,
    "value": 5
  },
  {
    "lat": 24.7743,
    "lng": 115.0327,
    "value": 7
  },
  {
    "lat": 47.2529,
    "lng": 130.2362,
    "value": 2
  },
  {
    "lat": 36.0634,
    "lng": 113.8238,
    "value": 3
  },
  {
    "lat": 31.3431,
    "lng": 104.2002,
    "value": 9
  },
  {
    "lat": 40.4375,
    "lng": 113.1635,
    "value": 1
  },
  {
    "lat": 42.5421,
    "lng": 124.0456,
    "value": 7
  },
  {
    "lat": 26.7025,
    "lng": 107.5135,
    "value": 6
  },
  {
    "lat": 26.2233,
    "lng": 111.6263,
    "value": 6
  },
  {
    "lat": 32.3932,
    "lng": 119.421,
    "value": 6
  },
  {
    "lat": 38.7257,
    "lng": 113.259,
    "value": 1
  },
  {
    "lat": 24.041,
    "lng": 104.1944,
    "value": 9
  },
  {
    "lat": 37.13,
    "lng": 114.6845,
    "value": 7
  },
  {
    "lat": 35.6638,
    "lng": 103.3896,
    "value": 8
  },
  {
    "lat": 36.146,
    "lng": 112.2514,
    "value": 1
  },
  {
    "lat": 47.413,
    "lng": 129.4359,
    "value": 6
  }
]

Table 1. 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

This widget does not support interaction events.

Configure interactions in Blueprint Editor

1. In Canvas Editor, click the icon on the right side of Column Chart Layer in the sub-widget list of 3D Flat World Map.
2. Click the icon in the upper-left corner of the page.
3. In Blueprint Editor, click the Bar Graph Layer widget in the Import Nodes pane. You can view the configuration parameters of the bar graph layer in Blueprint Editor, as shown in the following figure.
   • Event

     When the data interface request is completed: The event is thrown after the data interface request is returned and processed by the filter. The event also throws the processed JSON data. For more information, see Example data.

   • 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 http://api.test and the data passed to the request data interface is { id: '1'}, the final request interface is http://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 specific data, see Data.
     Display	A widget is shown without the need to specify parameters.
     Hide	A widget is hidden without the need to specify parameters.