DocsICP FilingConsole
Documentation
Home Page IoT Studio User Guide Web Visualization Development Widgets Chart widgets Data analysis

Data analysis

Updated at:
Copy as MD
My Favorites

The Data Analysis component integrates with IoT data analysis. It allows you to import products and display their device statistics for different time periods in a table. The statistics include update time, device name, and property values (maximum, minimum, average, and cumulative). This topic describes how to configure the data analysis component.

Step 1: Add the component

  1. Create a web application. For more information, see Create a web application.

  2. In the web application editor, click the component icon 组件 on the far left.

  3. In the search box above the component list on the left side of the canvas, enter Data Analysis, find the component, then drag it onto the canvas.

    For more information about adding components, see Add a component.

    This component provides filter options such as product selection, device name, time range, statistical granularity, and aggregation method, as well as a report that displays device property data over time. In the Style panel on the right, you can configure the component's position, size, visibility, and opacity, as well as properties such as global style, column display settings, table header style, and table style.

Step 2: Configure the data source

  1. StyleOn the tab in the panel on the right of the Web Application Editor, click Select ProductsSelect product.
  2. Select the products that contain the devices you want to manage. You can select multiple products.
  3. Click OK.
    The component displays information for all devices from the selected products.
    Note If you select multiple products, the component displays information from the first selected product by default. After publishing the application, you can select other products from the dropdown list above the table to view their device information.

Step 3: Configure styles

  1. In the Style panel on the right, configure the display styles for the data analysis component.
    Parameter Description
    column display settings
    • If you select the Allow users to modify display content after publishing checkbox, application users can use column display settings to adjust which columns are displayed and their order.
    • If you select the Allow users to export data checkbox, application users can click export data to export the data table.
    Filtering Specifies whether to support filtering the table content at runtime based on selected criteria. Currently, only filtering by fixed fields is supported.

    After you select DeviceName, you can enter a device name to query the statistical data for a specific device.

    global style
    Configure the global theme color and font, and whether to display the table title and pagination.
    table header style
    Configure the row height, text style, and whether to use striped rows for the table header and body.
    table style

  2. Adjust the component's position on the page. For more information about general component style settings, see Configure styles.

  3. Click Preview in the upper-right corner of the page to view and debug the component's data and style.

Previous：Device PropertiesNext：Area map