You need to enable JavaScript to run this app.
Intelligent Data Insight

Intelligent Data Insight

  • Documentation
    • Intelligent Data InsightDataWind User GuideDashboard Construction and ViewingDashboard EditingLeft Control Area Operation of the DashboardWeb Page Insertion
Copy page
Download PDF
Left Control Area Operation of the Dashboard
Web Page Insertion
Copy page
Download PDF
Web Page Insertion

1. Overview

In the dashboard editing interface of Intelligent Data Insight, the control area on the left supports web page widgets. Users can embed web page content in the dashboard, and can also embed charts by first exporting them as web pages and then embedding them, enabling charts to be displayed across dashboards, projects, and data centers.
Users only need to select the web page option in the control area on the left. A web page widget will appear on the editing canvas. After selecting it, users can enter the web page link on the right. Once the link is entered, the web page widget will display the content of the linked page.

2. Getting started

2.1 Embed a standard web page

Step 1: Go to the dashboard editing page and select the web page widget from the component bar on the left.
Image
Step 2: After selecting the web page widget, enter the URL to be embedded in the URL field of the web page configuration bar on the right.
Step 3: Click anywhere on the web page widget or the web page configuration panel. The web page will be added successfully.
Caution: After entering the URL, do not click on a blank area of the canvas, or the URL may not be entered successfully.
Image

2.2 Cross-project dashboard or chart display

Dashboards or charts from other projects can be exported as links and embedded in the current dashboard using the web page widget.
Caution: To avoid gesture conflicts, editing mode is not available when embedding other dashboards.
Steps
Step 1: On the dashboard viewing page, select the option to export the chart or dashboard from the upper right corner of the chart or dashboard to obtain the export link.
Image
Image
Step 2: Go to the dashboard page where you want to embed the content, select Insert web page, and enter the export link you just obtained on the right. The exported chart will then be embedded in the current dashboard (cross-project supported).
Image

2.3 Cross-platform content display

External links from other platforms can be embedded into the current dashboard via the web page widget. For example, you can embed explanatory Lark documents into the dashboard to help readers better understand the meaning of the charts.

3. Feature overview

3.1 Override filters

When embedding charts or an entire dashboard from another dashboard into the current dashboard, you can add parameters to allow the global filters of the current dashboard to control the filters of the embedded charts or dashboard.
Configuration guide:Override query parameters

Parameter passing rules for date-type fields

Date conversion rules support both default and absolute values. When absolute value is selected, the chosen date will be converted into a time range for parameter passing.
Examples of default values for date parameter passing:

op

Scope of application

Note

Example

=

Date - single date

The value is a string in date format
Supports 'YYYY-MM-DD' (year-month-day) or 'YYYY-MM' (year-month)

field = '2022-10-01'
field = '2022-06'

between value1 and value2

Date - fixed date
Date - advanced date

When both value1 and value2 are strings in date format, it is a fixed date.
At the same time, either value1 or value2 can be an advanced date described by the advancedDate function. For details, see the function description section.

field between '2022-10-01' and '2022-11-30'
field between '2022-10-01' and advancedDate(1, {unit: "day", offset: -1})

>=

Date - advanced date

The start time is the specified time, and the end time is not limited.
The specified time can be a string in date format or an advanced date described by the advancedDate function.

field >= '2022-10-01'
field >= advancedDate(1, {unit: "day", offset: -1})

<=

Date - advanced date

The start time is not limited, and the end time is the specified time.
The specified time can be a string in date format or an advanced date described by the advancedDate function.

field <= '2022-10-02'

is empty

Date - special date

field is empty

is not empty

Date - special date

field is not empty

Examples of absolute values for date parameter passing:

Filter type

Rule

Example

In-page filter

Web page parameter passing

Year, month, and day

Dynamic date

Date-time type uses the selected time; date type fills in hour, minute, and second

Last 7 days (2023-10-16 ~ 2023-10-22)

btw '2023-10-16 00:00:00','2023-10-22 23:59:59'

Fixed date

Date-time type uses the selected time; date type fills in hour, minute, and second

2023-10-16 ~ 2023-10-22

btw '2023-10-16 00:00:00','2023-10-22 23:59:59'

Year and month

Dynamic date

Fill in day, hour, minute, and second

This month (2023-10 ~ 2023-10)

btw '2023-10-01 00:00:00','2023-10-31 23:59:59'

Fixed date

Complete day, hour, minute, and second

2023-10 ~ 2023-10

btw '2023-10-01 00:00:00','2023-10-31 23:59:59'

Week of year

Dynamic date

Convert to 'yyyy-MM-dd HH:mm:ss'

This week (Week 42 of 2023 (1016-1022))

btw '2023-10-16 00:00:00','2023-10-22 23:59:59'

Fixed date

Convert to 'yyyy-MM-dd HH:mm:ss'

Week 42 of 2023 (1016-1022) ~ Week 43 of 2023 (1023-1029)

btw '2023-10-16 00:00:00','2023-10-29 23:59:59'

Last updated: 2026.06.11 17:46:46