How to configure data to display real-time data, status, and alert information-阿里云帮助中心

Prerequisites

You have completed the following operations. For more information, see the following topics:

Important

The TSL model data for a twin node is obtained from an added data source. If the data source contains no data, the configured components will not display any data. To preview component details and display effects, you can simulate device data based on the type of data source that you added. For example, you can use the device emulator to simulate data reporting from a device or call the ImportDTData operation to map data to twin nodes.

For more information about data sources, see Data source overview.

In the scene editing workbench, click Data Configuration on the top toolbar.
The component list appears on the left side of the workbench. If no components are added, the list is empty.
On the left side of the workbench, click the Add Component icon .
The Create Component panel opens on the right side of the workbench.
In the Create Component panel, enter a Component Name. In the scene editing area, select one or more model modules to associate, and then click Next.

Important
Each Component Name must be unique within the current scene.
Click the Data Source drop-down list. In the Select Twin Entity Graph Node panel, click the target node, then click OK.
In the Select Twin Entity Graph Node panel, you can click Edit to open the twin workbench, where you can configure twin nodes and TSL model properties.

Important
If a twin node and its TSL model properties are used as a data source for a component, deleting the node or modifying the properties causes a configuration error. This error prevents the component from displaying data correctly. Delete these items with caution.
Click the corresponding tab to configure the component style, and then click Done. The style settings are as follows.

Note

A single component can have a maximum of five data panels.

On the Data Panel tab, click Add Manually or Add Automatically and follow the steps to configure the data panel.

Note

The Add Automatically option is available only if the data panel list is empty.

Select a style and click Next.

Type	Description
Status Monitoring	Lets you select multiple TSL models to automatically add corresponding status data cards. The cards display property names and values.
Data Trend	Uses time as the x-axis to show historical data trends for one or more properties.

In the Add Panel Block panel, click Data Display to configure the panel display.

Data Display

From the Display Style drop-down list, select a style and click OK.

Style	Description
Data Status	Lets you configure the display name, display unit, and whether to enable card alerts. If you enable card alerts, you must set an alert range. If the TSL model data falls within this range, the card's background color turns red as a warning.
Gauge	Lets you configure the gauge shape (ring or bar), display name, display unit, and colors for different value ranges. You can set a maximum of three ranges.
Progress Chart	Lets you configure the progress chart shape (ring or bar), display name, display unit, and the minimum and maximum progress values.
Chart	Lets you configure the display name, display unit, chart color, and the chart's time range (last seven days or custom).
Water Level Chart	Lets you configure the display name, display unit, and the minimum and maximum water level area values.

After configuration, you can preview the component in the Data Panel Preview area.

Optional operations:

Add: On the Data Panel tab, to the right of the data panel list, click the icon and follow the steps to configure a new data panel.
Delete: On the Data Panel tab, move your mouse pointer over a data panel in the list. Click the delete icon and follow the prompts.
To sort panels, click Sort in the Data Panel Preview window. Select a panel with your mouse pointer and move it to a new position. Click Done to complete the sorting.
The data panels on the Data Panel tab are also sorted to reflect the new order.

Note

A single component can have a maximum of three status styles.
Each status style can have a maximum of three value ranges.
Within a single component, you can configure only one status style for each TSL model property.

After you complete the configuration, check the style of the corresponding data on the preview page.

Note

A single component can have a maximum of three alert indicators.

On the Alert Indicator tab, click Add Alert Style. Select a condition type, complete the alert configuration, and click OK.

Type	Configuration description
Conditional Comparison	Use conditional operators (>, <, =) to configure the threshold, prompt text, icon, and icon color for a single TSL model data alert.
Custom	Use an expression to configure the conditions, prompt text, icon, and icon color for alerts on one or more TSL model data points. For more information about supported rule expressions, see Rule expressions. Important Each expression can contain a maximum of three parameters. The parameter name is the property identifier and can be up to 512 characters long.

Click the Save icon on the right side of the top toolbar to save the scene configuration.
Click the Preview icon on the right side of the top toolbar to preview the real-time data, status, and alerts for the models in the scene.