Applying Data Alert in the FVS Model

Application scenarios: If you have installed the FVS plugin, you can view this article to learn about functions related to FVS templates.

Note: Mobile devices are not supported.

Version

Scenario Introduction

This article mainly introduces the model data alert function in the FVS 3D component, which highlights the model when a certain condition is met.

Effects

1. The camera status uses Point-Data Layer. When the status is abnormal, the point and label are displayed in red.

2. The library model uses Model-Data Layer. When the status is abnormal, the model and labels are displayed in red.

3. In the security equipment table, when the device status is abnormal, the corresponding row is displayed in red. As is shown below:

Creating a Template

Create an FVS report. You can customize the name, canvas size, etc. As is shown below:

Click 3D > Custom Model to add a component to the canvas, click Edit Component on the right, and go to the editing page. As is shown below:

Creating a Scene

When entering the 3D component editing interface for the first time, you need to create a scene and upload data. You need to prepare the geojson file in advance.

Click to download 3D city.zip and unzip it. Select the 3D city.geojson file after unzipping, and click Generate Scene. As is shown below:

Preparing Data

In this example, you need to create three built-in datasets, all of which are virtual data. As follows:

1. Security equipment details

This dataset is used for tables and can customize some device data. The device status is divided into two types: normal and abnormal. As is shown below:

2. Camera Position

This dataset is used for adding point-data layers in 3D cities. The latitude and longitude positions need to be within the scope of the 3D city. For example, if the scope of the 3D city in this example is Wuhan University, the location needs to be selected within the scope of Wuhan University.

As is shown below:

3. Library exception

This dataset is used for adding model-data layers to 3D cities. The model names in the dataset should be consistent with those in the 3D city model list to match the data and display it correctly. As is shown below:

Setting up Camera Abnormal Alert

1. Add data

In the right configuration panel,click Data > Add Data Layer, and select Point - Data Layer. Modify the layer name and bind the camera position dataset data. As is shown below:

2. Set up labels and styles

The display effect of the label and style can be modified according to yourself or the UI design.

Note: In 1.5.0 and later versions, the plugin supports setting the colors of the aperture and raster in the point/cylinder/line data layer.

After completing the above two steps, you can adjust the 3D city perspective to display all the data labels. As is shown below:

3. Set up data alert

Click Add Data Alert, set the alert condition to 'Content' equal to 'Abnormal', and modify the alert label and style in Alert Content. As is shown below:

4. After completing all settings, click Finish.

Setting up Library Model Alert

Add Model-Data Layer, and the steps of binding data, setting up labels, adding data alerts, etc. are the same as in the section "Setting up Camera Abnormal Alert". As is shown below:

The alert content of the model is shown in the following figure:

Here is the final effect.

Finally, click Return to editor to go back to the canvas page.

Setting up Table Component

1. Add a table component

Click Text > Table to add a component to the canvas, and click Edit Component on the right to go to the table editing interface. As is shown below:

2. Design table contents

Drag the fields of the Security equipment details dataset into the cells and set up the title row. As is shown below:

3. Set up cell conditional attributes

To highlight the row content when the status is set to abnormal, conditional attributes need to be added.

Select cell D2, which is empty. Click Conditional Formatting on the right, and add two conditions to display the icons for two types of device status respectively.

When the condition is formula C2="abnormal", set the text color of the current row to red and the background of the current cell to the image duchamp (1).png. As is shown below:

When the condition is formula C2="normal", set the text color of the current row to red and the background of the current cell to the image duchamp.png. As is shown below:

4. Set up table adaptation.

Click the table, and set up Adaptation according to the actual situation. As is shown below:

Note: Generally, if there is less data, you can select Fit. If there is much data, you can select Horizontally and set the marqueeeffect.

5. After completing all the settings, click Back to Editor to go back to the canvas page, and then add a background, title, etc. to the table.

Click Save, and the example in this article is complete.

Click to download the example: 

Data alert by FVS model.zip