Device timeline-IoT Studio(IoT Studio)-阿里云帮助中心

The Device Timeline component integrates with IoT Analytics to display statistical data for a product's devices over different time periods in a table. This data includes the update time, device name, and statistical values for device attributes (maximum, minimum, average, and cumulative).

Step 1: Add component

Create a mobile application. For details, see Create a mobile application.
In the mobile application editor, click the Components icon on the left.
(Optional) Add column components to set up the page layout. For more information, see Horizontal and vertical columns.
Above the component list on the left side of the canvas, enter Device Timeline in the search box and drag the component onto the canvas.

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

After you add the component, the style configuration panel appears on the right. Here, you can configure the component's name, visibility, opacity, margins, and dimensions (default width: 300, height: 500), and associate a product by using the Select Product setting. The panel also contains expandable sections such as column display settings, Filter, global style, header style, table style, and data settings.

Step 2: Configure data source

In the Style panel on the right side of the mobile application editor, click Select Product.
Select the products that contain the devices you want to manage. You can select multiple products.
Click OK to complete the configuration.

The component displays information for all devices under the selected products.

Note
If you select multiple products, the component displays information for devices under the first selected product by default. After the application is published, you can use the analysis settings in the upper-right corner of the table to view devices from other products.

Step 3: Configure style

In the Style panel on the right side of the mobile application editor, configure the display style for the Device Timeline component.

Parameter	Description
column display settings	If you select the Allow modifying display content after publishing checkbox, application users can use the column display settings to adjust column visibility and order.
Filter	Allows users to filter table content at runtime based on selected criteria. Currently, filtering is supported only for fixed fields. After you select DeviceName, you can enter a device name to search for a specific device.
global style	Configure the global theme color, font, and whether to display the table title and pagination.
header style	Configure settings for the header and table, such as row height, text style, and alternating row colors.
table style
data settings	Set the default number of entries per page. Each page can display up to 200 entries.

Adjust the component's dimensions and its position on the page. For more information, see Common styles.
Preview and debug the component's data and visual effects. For more information, see Preview and debugging.