border

An object defining the border options for a selected series.

Type: Object

To set custom border settings specific to the 'selected' state for the series, use the properties of the series.selectionStyle.border configuration object.

Show Example:
jQuery

In this example, the border of the selected point is colored in paleturquoise and has a 2-pixel width.


                                    

                                    

color

Sets a border color for a selected series.

Type: String
Default Value: undefined

This option supports the following colors.

Show Example:
jQuery

In this example, the border of the selected point is colored in dodgerblue.


                                    

                                    

dashStyle

Specifies a dash style for the border of a selected series point.

Type: String
Default Value: undefined
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'.

When using the widget as an ASP.NET MVC Control, specify this option using the DashStyle enum. This enum accepts the following values: Solid, LongDash, Dash and Dot.

visible

Sets a border visibility for a selected series.

Type: Boolean
Default Value: false

Show Example:
jQuery

Toggle the check box under the chart to change the visibility of the selected point borders.


                                    

                                    

width

Sets a border width for a selected series.

Type: Number
Default Value: 3

Show Example:
jQuery

In this example, the width option of the selected series border is set to 5.