border

Specifies the appearance of the tooltip's border.

Type: Object

Show Example:
jQuery

In this example, several options of the tooltip's border are changed.


                                    

                                    

color

Specifies the color of the tooltip's border.

Type: String
Default Value: '#d3d3d3'

This option supports the following colors.

  • Hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • Predefined/cross-browser color names
  • Predefined SVG colors (not supported in Internet Explorer 8)
Show Example:
jQuery

In this example, the tooltip's border is colored in 'forestgreen'.


                                    

                                    

dashStyle

Specifies the dash style of the tooltip's border.

Type: String
Default Value: 'solid'
Accepted Values: 'solid'|'longDash'|'dash'|'dot'

The following values are available.

  • solid
    Displays a solid, continuous line.
  • longDash
    Displays a border using long dashes.
  • dash
    Displays a border using dashes.
  • dot
    Displays a border using dots.
  • Any combination of 'longDash', 'dash' and 'dot'
    Displays a border by repeating the specified combination. For instance, 'dashdotdash'.
Show Example:
jQuery

In this example, the tooltip's border has the 'longDash' dash style.


                                    

                                    

opacity

Specifies the opacity of the tooltip's border.

Type: Number
Default Value: undefined

Show Example:
jQuery

In this example, the tooltip's border is displayed with a 0.9 opacity.


                                    

                                    

visible

Specifies whether the tooltip's border is visible or not.

Type: Boolean
Default Value: true

Show Example:
jQuery

Toggle the check box below to show/hide the tooltip's border. Hover over a pie slice to see the changes.


                                    

                                    

width

Specifies the width of the tooltip's border in pixels.

Type: Number
Default Value: 1

Show Example:
jQuery

In this example, tooltips are displayed with a 4-pixel border.