Updated on 2025-03-24 GMT+08:00

Full Screen

Full screen is a type of basic interaction widget and can be flexibly switched between full-screen and small-screen modes.

On the large screen design page, choose All > Others and drag the full screen widget to the blank area of the canvas, as shown in Figure 1.

Figure 1 Full screen widget
Figure 2 Margin style

Card

A card wraps a chart widget. A widget consists of card elements (card title, chart, card background, and card border) and chart elements.

Figure 3 Full screen card
  • Background
    • Background color: Background color of the widget card.
    • Border: Border of the widget card. Options: no border, full border, and corner border. For full border and corner border, you can set the line type and rounded corners of the outer border of the widget.
    • Style: Image display style. The options are normal, center, stretch, and tiled.
    • Choose image: Use a local image as the widget background. Directories and subdirectories can be added to facilitate image management by category. JPG, JPEG, PNG, or GIF images are recommended. The size of each image cannot exceed 50 MB.
  • Special effect: Widget highlighted status. Displayed by default or on page load.
  • Padding: distance between the chart and the four sides (top, bottom, left, and right as shown in Figure 2) of the widget. The default value is 0, indicating that the chart stretches to fill the entire widget.

Configuration

You can set properties.

Figure 4 Full screen configuration
  • Full-screen image link: The URL of the image displayed in full-screen mode.
  • Expanded image link: The URL of the image when expanded.
  • Inner margin: The space between the image and the widget border, in pixels.

Interaction

In the interaction settings, you can configure interactions between the full screen widget and other widgets or pages. For details, see Interaction Configuration.