connector

Specifies connector options for series point labels.

Type: Object

A series point label can be placed separately, near the represented point. To make the relationship between a label and its respective point clear, use a connector. Set the connector's visibility and appearance options using the connector object.

Show Example:
jQuery

In this example, the series labels are displayed with connectors colored in cornflowerblue.


                                    

                                    

color

Specifies the color of label connectors.

Type: String
Default Value: undefined

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 series labels are displayed with connectors colored in mediumorchid.


                                    

                                    

visible

Indicates whether label connectors are visible.

Type: Boolean
Default Value: false
Accepted Values: true|false

Show Example:
jQuery

Toggle the check box below to change the visibility of the label connectors.


                                    

                                    

width

Specifies the width of label connectors.

Type: Number
Default Value: 1

Show Example:
jQuery

In this example, the width option of the label connectors is set to 4.