Add and manage a vector graphic widget

Updated at:

Add and manage vector graphic widgets on a data visualization screen to enrich your dashboard with scalable icons.

Prerequisites

A data visualization screen is created. For more information, see Create a Data Visualization Screen.

Effect display

效果图

Add a vector graphic control

On the dashboard edit page, click Materials in the top navigation bar to add vector icons. 矢量图标

Vector graphic style configuration

Location and size

Configure the following location and size settings:

  • Alignment: Set the widget to left-aligned, centered, or right-aligned.

  • Position: Use the upper-left corner as the origin and set the X and Y values to adjust the position.

  • Rotation: Set the rotation angle.

  • Size: Set the W and H values to adjust the width and height.

  • Lock: Lock the widget to prevent changes to its size and position.

位置和大小

Styles

Configure the following style settings:

  • Icon color: Set the color of the widget icon.

  • Transparency: Adjust the transparency of the widget.

  • Background: Set background padding for the widget.

样式