JavaScript/jQuery LinearGauge - tooltip

A tooltip is a miniature rectangle displaying the value of a gauge's indicator. A tooltip appears when the end-user hovers the cursor over an indicator. You can enable/disable tooltips, change their appearance and format their 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.

• borderColor
  Specifies the color of the tooltip's border.

• fontColor
  Specifies the color of the tooltip's text.

• 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.

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.