[Visualization] Extension : Develop unique elements to enrich report styles

vividime-Club Show all floors Published on 2025-1-7 09:50:11 |Reading mode print Previous Topic Next Topic
Application of Extended Components
reply

Using props report

Exciting comments1

vividime-Club Show all floors Published on 2025-1-7 09:50:22
1. Overview
1.1 Function introduction
In addition to the built-in components, vividime also provides a wealth of extension components to help you enrich the dashboard style.
1.2 Application scenario
If you want to create some unique elements to make the dashboard more personalized, you can use the extension components.
2. Function
Let's take the "Date Parameter" component as an example to introduce how to use the extension component.
1)Download the Date Parameter component
Click [Get More Plugins] under [Component > Auxiliary Components] on the right side, and then jump to Plugin Market download "Date Parameter:
Extension component:
After the download is complete, you will get a "date parameter.jar" file.
2)Install plugin
Enter Management System > Application Management, click Local Installation, select the downloaded plugin:
➢Note:
Only admin and admin_role can install plugin, no permissions under the system without application management module.
3)New date parameter components
From the right side of the component area, select [auxiliary components > date parameters], drag into the canvas can be:
[Parameter] After adding the date parameter plug-in, the start date parameter and end date parameter of the date parameter component will be automatically captured in the editing parameter, which can only be viewed but not edited, e.g., Custom Component 5_Start and Custom Component 5_End; for detailed notes on how to use them, please refer to the following typical case.
[Relative Date] Base date, use this date as the base to divide the extended range of date, click the calendar behind to set the default value of relative date.
【Layout】Support two display forms, list and dropdown list, default is list.
•List
•Dropdown list
【Time Panel】Support two kinds of time panel, range and one-day, the default is range, you can choose one of them, or you can choose both at the same time, at least choose one of them.
If you select Range - Customize, you can customize the days/weeks/months/quarters/years before and after:
If you select one-day - Customize, you can customize day/week/month/year before and after:
3. Typical case
Now there is a batch of sales data for the month of September and we want to count the sales for the 7 days before 2021-09-15.
After determining the relative date and date span, the values of the two parameters of the auto-generated Custom Component 5_Start and Custom Component 5_End are also determined. Here, the relative date is selected as 2021-09-15, the date span is selected as the first 7 days, and the values of the two parameters are shown below:
Custom Component 5_End value is 2021-09-14 23:59:59
Custom Component 5_Start value is 2021-09-08 00:00:00
Add a filter condition to the bar chart for statistical analysis, as shown below:
After filtering, only the data from September 8, 2021 to September 14, 2021 is displayed as shown below:

reply

Using props report

Advanced mode
You need to log in before you can reply to the post login | Free registration

© 2024 VIVIDATA PTE. LTD. All Rights Reserved. Privacy Statement