Updated on 2025-08-15 GMT+08:00

Adding Widgets to Advanced Pages

Advanced Page Widget Classification

Table 1 categorizes advanced page widgets, showing their positions to enhance your page development efficiency. If the preset widgets do not meet requirements, you can customize widgets and upload them to advanced pages. For details, see Adding Custom Widgets to Advanced Pages.

Table 1 Preset widgets on advanced pages

Widget Category

Name

Description

Chart

Pie Chart

This is the simplest form of pie charts, clearly displaying data in visualized applications.

Snake Pie Chart

This is a pie chart widget that displays data with a snake animation during loading.

Rose Pie Chart

This is a pie chart widget that displays data in a rose-like shape.

Fade Color Pie Chart

This is a pie chart widget with gradient-colored sectors, suitable for special pages.

Full Moon Pie Chart

This widget, derived from a basic pie chart, is used for special styles.

Line Chart

This widget displays data and intuitively shows trends.

Multi Line Chart

This widget uses multiple lines to show trends of different data.

Area Line Chart

This is a type of line chart. It combines lines and areas to display trends of multi-dimensional real-time data.

Area Multi Line Chart

This is a type of line chart. It compares different data areas to intuitively show data changes.

Water Drop Liquid Fill Chart

This is a type of liquid fill chart that matches large screens of different styles and scenarios.

Liquid Fill Chart

This widget displays real-time data changes by using the watermark style.

Arrow Liquid Fill Chart

This is a type of liquid fill chart that matches large screens of different styles and scenarios.

Diamond Liquid Fill Chart

This is a type of liquid fill chart that matches large screens of different styles and scenarios.

Triangle Liquid Fill Chart

This is a type of liquid fill chart that matches large screens of different styles and scenarios.

Round Rectangle Liquid Fill Chart

This is a type of liquid fill chart that matches large screens of different styles and scenarios.

Rectangle Liquid Fill Chart

This is a type of liquid fill chart that matches large screens of different styles and scenarios.

Progress Bar Chart

This is a type of bar chart that displays the percentage in battery or bar pattern.

Bar Chart

Bar charts display the overall data using bars.

Data Marker Bar Chart

This is a type of bar chart that uses bars to show overall data and labels to intuitively display specific values.

Waterfall Bar Chart

This is a type of bar chart with a smooth top-down effect, widely used in enterprise and financial analysis to indicate cost composition and changes.

Horizontal Bar Chart

This is a type of bar chart that displays data changes using horizontal bars.

Horizontal Multi Bar Chart

This is a type of bar chart that stacks data from multiple dimensions to show changes.

Scatter Chart

This is a type of bubble chart that uses data points to visually describe data correlation.

Bubble Chart

This widget displays data size distribution using bubble shapes.

Radar Chart

This widget displays data in different dimensions using polar coordinates in an enclosed area.

Media

Image

Image is a type of media widget that displays image data.

Banner

A banner image is an image ad slot displayed in rotation mode.

Text

Flipper

This is a type of text widget that uses flip animation to display data changes.

General Table

This is a type of text widget that clearly displays data in a table format for visualized applications.

Text Editor

This is a type of text widget that displays multiple lines of text, connects to datasets, and configures interaction functions.

Time Display

This is a type of text widget that shows complete time, including year, month, day, hour, minute, and second. It can also display the week value.

Decoration

Custom Frame

This is a type of decoration widget that includes backgrounds for large titles, small titles, pages, and content. Select different background frames to enhance visual effects.

Dashboard

Gauge Chart

This widget displays data like an indicator does.

Menu

Login

This widget provides the default login page for service users and is only available in the runtime environment.

Router View

This is a type of navigation widget that allows you to configure different pages to display various effects on the current visualized page. It reduces resource usage and improves performance.

Router Navigator (Demo)

This is a type of navigation widget that allows you to configure routing pages for quick switching and locating other pages, enhancing interaction on large screens.

Tabs

This is a type of navigation widget that allows you to quickly switch between different content on a page and is displayed as a single-line element above the content.

Adding Widgets to an Advanced Page

Advanced pages are highly customizable, packed with a variety of widgets. When designing an advanced page, you can quickly locate the desired widget by category and drag it to the canvas.