Tooltip(Default & Custom)
Last updated
Last updated
Check out the walk-through given below on how to Tooltip are configured in the Designer charting components.
The Tooltip property block is available under the component property section.
Tooltip block contains ‘Show Tool Tip ’, ‘Background Color ’, ‘Opacity ’, ‘Border Color ’, ‘Box Width ’, ‘Precision ’ & ‘Highlighter ’.
Show Tool Tip: Configures tooltip as Default, Custom, or None.
Background Color: Configures tooltip background color.
Opacity: Configures tooltip background color opacity.
Border Color: Configures the border color of the tooltip.
Box Width: Configures the width of the tooltip box it contains a select box from where width can assign to the tooltip box.
Precision: Configures the tooltip display data precision.
Highlighter: By enabling this property through the checkbox tooltip highlighted field background color change.
Show Tool Tip: By clicking this a model box opens which contains three radio buttons, its default selection is ‘Default ’
None: On selection of None, the tooltip doesn't be shown on the selected component.
Default: It's by default a selected tooltip, that displays the default configuration of the selected component.
Custom: On selection of Custom, tooltip content can be configured.
Custom Tool Tip: On selection of Custom, an editable text box opens.
Editable text box contains property buttons on top, a select box that contains all the fields of the data set, and a save and cancel button.
Editable text box contains selected fields of data set by default.
Custom Tooltip configuration
Additional fields can be selected from the select box.
Display name then field name inside the bracket, field data replaces brackets.
After selection of the content font properties like font color, font size, font family, etc can be changed from property buttons.
<htmlTag></htmlTag>: With the help of this tag, any HTML content can be passed directly into tooltip.
Video and image can be displayed in the tooltip through this HTML tag.
The field which contains video links that name would be written in the brackets after "scr=" for example src=[Field Name]. For displaying a single video or image the only link to that particular video or image need to give under "src=" for example src="https://www.bdbizviz.com/resources/images/BDB_logo.png"
Font Color property does not support Internet Explorer.
For changing the field data font property, you need to select the entire bracket otherwise value won’t be displayed in the tooltip.
For Timeline, Bar, Heatmap & Pie mobile specific Tooltip is available.
This Tooltip works only when the component is in maximized state.
Default Tooltip can be enabled through this script-->