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.
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.
Feedback
Was this page helpful?
Provide feedbackThank you very much for your feedback. We will continue working to improve the documentation.See the reply and handling status in My Cloud VOC.
For any further questions, feel free to contact us through the chatbot.
Chatbot