[]
        
(Showing Draft Content)

Tooltip


Tooltip properties define the visual presentation of tooltips that appear when users hover over data points in a scenario. A tooltip is enabled by binding a data field to the Tooltip data binding slot in the Data Binding tab. Once a field is bound, the tooltip adopts the styles configured in these settings.

Tooltip Settings


Font Setting

Controls the typography of the tooltip content. You can define the font family, font size, and font color, as well as apply italic styling. These options ensure that tooltip text remains readable and consistent with the overall visual design of the dashboard.

Background Color

Specifies a solid background color for the tooltip. The color picker allows you to select both the color and its opacity, making it possible to create fully opaque tooltips or subtle, semi-transparent overlays.

Background Gradient

Applies a gradient background instead of a solid color. You can choose the gradient style, including its direction and fade behavior, along with the colors used in the gradient. This allows for more visually dynamic tooltip designs.

Background Image

Replaces the standard tooltip background with an image. When applied, the tooltip displays the selected image while still presenting the bound tooltip content. This option is useful when you want tooltips to reflect branding elements or thematic visuals.

Border Color

Defines the color of the tooltip border. This can be used to visually separate the tooltip from the background or reinforce brand styling.

Border Width

Controls the thickness of the tooltip border. Increasing the width makes the border more prominent.

Border Radius

Adjusts the curvature of the tooltip’s corners. Higher values create more rounded corners, while lower values produce sharper edges.

Padding

Determines the internal spacing between the tooltip content and its edges. Increasing padding creates additional space around the text, improving readability and preventing the content from appearing crowded.