I. Overview
In the dashboard, JavaScript is supported for secondary development of some functions. For related interfaces, please refer to the document: API Interface Summary.
II. Index
Classification | Document | Application Scenario |
---|---|---|
Report block | Hide scroll bar | When there is too much content in the report block, horizontal and vertical scroll bars will appear, which can be beautified by hiding the scroll bars. |
JS Hide the Scrollbar of Report Block | Hide the report block scroll bar through JS, and can scroll up and down. | |
JS Pagination and Refresh of Report Blocks in Dashboards | Instead of refreshing the entire dashboard, refresh a report block in the report. | |
JS Click header to sort in the dashboard | Dynamic sorting is implemented in the report block, that is, the report is sorted in ascending or descending order according to the different parameter values. | |
JS implements custom switch view report block | Customize the switch report block to realize the function of Tab switch. | |
JS Realize the Effect of Marque in a Report Block | The content of the report block scrolls up and down to realize the marquee effect. | |
Tab Block | JS implements unified tab block title width | When using the Tab block, the width of the tab title is automatically expanded according to the number of words. If you want to achieve a uniform width, the method of filling spaces is troublesome, you can unify the width of the tab block title by adding JS. Note: Only dashboards of old version are supported. |
Database table fields control Tab block hiding | Whether each Tab block is displayed is controlled by the field value set in the database table. When modifying, only the value in the database table needs to be modified, no need to change the front side. | |
JS Hide Tab Block Title | Users want to be able to customize the display and hiding of Tabs. For example, different users can view different Tab blocks, or hide some Tab pages in certain situations. | |
JS implements data linkage when switching Tab blocks | Different tab pages are associated with different data and content. When the tab is rotated, other content in the report block can be linked. | |
JS Click on Hyperlink to Switch TAB Page | The switching of Tab blocks is realized through JS, and the user can choose to click the hyperlink or button to switch to a certain Tab block. | |
JS Automatically Switch between Tabs | For multi-tab blocks, automatic loop jumps within a fixed time interval, and mouse movement will not interfere with them. | |
JS Stay on the Current Tab after Clicking Query | When there are multiple tabs and parameter query is required, the page automatically jumps to the first tab page after each query. After clicking the query through JS, it does not automatically jump to the first tab page, but on the current tab page. | |
Widgets | JS Get the Values from Report Widget in the Parameter Pane | In the parameter pane, click the button to get the actual value of the widget in the body canvas. |
JS Get the Value of Parameter Widget | Get the actual value of a widget in the parameter pane. | |
JS Automatic Query in Dashboards | In the dashboard, the parameter query is realized through the parameter pane without clicking the "Query" button, and the report results can be displayed after the parameter widget selects the value. | |
JS implements the forward and backward of parameter combination filtering | Record the parameter combination of each query, which is convenient for switching back and forth. | |
JS implements the forward and backward of parameter combination filtering | Date widget, select the date and click Cancel to cancel the selected value. | |
JS implements the date control and then clicks OK to query | Date widget, select the date and click OK before querying. | |
JS implements changing the transparency of the widget | When the widget and the dark background are inconsistent, you can make it consistent by modifying the transparency of the widget. | |
Others | JS implements dashboard to display real time | Display real time in dashboard |
JS implements dashboard exporting a single component | When you have multiple components in a dashboard, you want to export only one component. | |
JS Auto Refresh of Dashboard | Regular refresh of large screen pages. | |
JS Hide Loading Icons and Text | On refresh, hide the page loading icon. | |
JS Refresh iframe by a Button in Another iframe | Refresh the report in the webpage frame or other cross-domain pages in the dashboard. | |
JS realizes that the linked chart block is refreshed after the report block data changes | Refresh the chart block. The data of the chart block comes from the report block. After the data of the report block changes, the chart block is also refreshed. | |
JS Mouse Move to Control the Carousel of Dashboards | Customized carousel of multiple dashbords, similar to Tab Carousel. | |
JS Hide Elements of a Dashboard | Control the hiding and showing of report blocks and chart blocks via buttons. | |
JS Redirect to another page (on click or regularly) | Jump to another report when you click a report block, or rotate multiple reports. | |
JS Set Dynamic Background and Dynamic Borders | When making a large screen template, add a dynamic background or dynamic border to a report or a part of the report. Note: Only dashboards of old version are supported. | |
JS Realizes the Clock Effect | Beautiful clock effect, can be used in cool scenes on large screen. |