Help Center/ Huawei Cloud Astro Canvas/ User Guide/ Widgets/ Sting/ Time Display
Updated on 2025-03-24 GMT+08:00
View PDF
Share

Time Display

The time display widget is a type of text widget. It can display the full time that contains the year, month, day, hour, minute, and second, and can be configured to display the corresponding week value.

On the large screen design page, drag the time display widget from All > Text to the blank area of the canvas, as shown in Figure 1.

Figure 1 Time display 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 Time display 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.
  • Title: Whether to display the widget title. When the title is displayed, you can set the font, size, and color of the title.

Configuration

You can set the year, month, date, background color, and time bar color of the widget.

Figure 4 Time display configuration
  • MMDD, YYYY
    • Display: Whether to display the year, month, and day.
    • Font: Font, color, and size of the year, month, and day.
  • Time
    • Display: Whether to display the time.
    • Font: Time font, color, and size.
  • Day of week
    • Display: Whether to display the week.
    • Font: Font, color, and size of the week.
  • Background color: Background color of the widget.
  • Time bar color: Background color of the time bar.

Interaction

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

Parent topic: Sting