JavaScript/jQuery Bullet - tooltip

A tooltip is a miniature rectangle displaying widget data. The tooltip appears when the end-user hovers the cursor over the widget. You can enable/disable the tooltip, change its appearance and format its text using fields of the tooltip configuration object.

This option supports the following colors:

• Hexadecimal colors
• RGB colors
• RGBA colors
• Predefined/cross-browser color names
• Predefined SVG colors

This option sets one color for all tooltips. You can specify a particular tooltip's color in the tooltip.customizeTooltip function.

The following table demonstrates how the corner's curvature depends on the cornerRadius value:

cornerRadius	Result
cornerRadius: 0
cornerRadius: 15
cornerRadius: 35

This option should be assigned a function returning a specific object. The following fields can be specified in this object.

• color
  Specifies the color of a tooltip.

• text
  Specifies the text displayed by a tooltip.

• html
  Specifies the HTML markup displayed by a tooltip.

  NOTE

  If you are going to use external resources (for example, images) in the markup, specify the size of the area they will occupy beforehand.

• fontColor
  Specifies the color of the text displayed by a tooltip.

• borderColor
  Specifies the color of the tooltip border.

The function's parameter has the following fields:

• originalValue
  Contains the primary bullet value as it is assigned to the value option.
• value
  Contains the primary bullet value with applied formatting if the format option is specified.
• originalTarget
  Contains the target bullet value as it is assigned to the target option.
• target
  Contains the target bullet value with applied formatting if the format option is specified.

See Also

• Data Formatting

See the format section for details on accepted values.

See Also

• Data Formatting

This option accepts a value from 0 to 1, where 0 makes tooltips completely transparent, and 1 makes them opaque.

If the widget's container has the CSS z-index property specified, and tooltips are displayed incorrectly, configure their z-index using this option.