Image¶

Generally used to display images; you can add an image URL to show the corresponding image. You can adjust the image shape by selecting options such as fill, fit, stretch, or center.

Use Cases¶

Images in Guance are used to display pictures for illustrative purposes. For example, you can add a linked logo image to redirect to the corresponding website.

Chart Configuration¶

For more details, refer to Chart Configuration.

Display Options¶

Types:

• Fill: The image is proportionally resized and then scaled based on the shortest side of the image to fit the card's largest side, achieving a screen-filling effect;
• Fit: The image is proportionally resized, but it stops scaling when its longest side matches the card's shortest side, maximizing the image while maintaining its aspect ratio;
• Stretch: The image is not proportionally resized but stretched according to the card size;
• Center: The image remains unchanged in size and is centered.