Overview
This document is applicable to users who have installed the FineVis Data Visualization plugin to learn plugin functions.
Version
Report Server Version | JAR Package | Plugin Version | Functional Change |
11.0 | 2021/11/15 | V1.0.0 | / |
11.0.16 | / | V1.17.1 | Batch uploading of multiple selected pictures is supported. |
The Picture component can display various built-in materials, custom pictures, or online pictures.
Supported picture types include My Resource, Custom Upload, and Online Picture.
1. This document introduces only the unique functions of the picture component.
2. The picture component supports only click events.
Adding a Component
Create a FineVis visualization dashboard.
Add a Picture component to the page. Then the default message is displayed, saying "Add a picture in the right panel".
My Resource
The FVS dashboard includes many built-in static and dynamic material pictures, such as icons, backgrounds, decorative lines, decorative graphics, and markers.
Select a picture component, click Content, select My Resource as the picture type, and click Choose.
You can choose the desired picture as needed and click Finish. Then the picture is configured successfully.
Custom Upload
You can upload your local material pictures to the dashboard for use.
Uploading Pictures
Select Custom Upload, click Choose, and click + Upload Picture to upload the required local picture file. Batch uploading of multiple selected pictures is supported in the plugin of V1.17.1 and later versions.
Supported picture file formats for upload include JPG, JPEG, PNG, APNG, GIF, and WebP.
Selecting a Picture
The uploaded picture materials can be used in any picture component of this FVS dashboard.
Select Custom Upload, click Choose, select a picture, and click Finish. Then the picture is used in the dashboard successfully.
Deleting a Picture
Click Choose and hover your cursor over a picture. Then appears in the upper right corner of the picture.
Click , and a prompt box pops up saying "Deleting this material will affect all components that use this material. Are you sure to delete it?" Click Confirm to delete the custom material.
If a picture component uses deleted picture materials, that component is empty during preview.
Online Picture
Online pictures can be called in the FVS picture component. Ensure that the server can access the entered picture address.
Select a picture component, click Content, select Online Picture as the picture type, and enter the picture address to call the picture material.
Relative addresses of pictures are not supported. Only absolute addresses are supported, such as http://localhost:8075/webroot/help/picture/background/sale.gif.
Setting Picture Attribute
Picture attributes, such as Filling and Hue, can be set in built-in pictures, custom uploaded pictures, and online pictures.
Filling Mode
The following table describes three supported picture processing methods.
Filling Mode | Definition |
Adapt | The aspect ratio of the picture remains unchanged, with the picture proportionally enlarging/reducing to ensure that its width/height fits the component width/height. |
Fill | The aspect ratio and size of the picture remain unchanged, and the component is filled with same pictures starting from the top left corner. |
Stretch | The width and height of the image are stretched to match the width and height of the component, respectively. |
Hue
The hue range is from 0 to 360.
Template Completed
Template completed: FVS Picture Component Example.fvs
Previous：FVS Surveillance Video Component
