border

An object defining the series border configuration options.

Type: Object

To set custom border settings for the series, use the border object within the series configuration object.

Show Example:
jQuery

In the following example, the segment border is colored in lightblue and has a 2-pixel width.


                                    

                                    

color

Sets a border color for a series.

Type: String
Default Value: undefined

This option supports the following colors.

Show Example:
jQuery

In the following example, the color of the segment border is palevioletred.


                                    

                                    

dashStyle

Specifies a dash style for the border of a 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 configuring the widget using ASP.NET MVC Wrappers, specify this option using the DashStyle enum. This enum accepts the following values: Solid, LongDash, Dash and Dot.

visible

Sets border visibility for a series.

Type: Boolean
Default Value: false

Show Example:
jQuery

Toggle the check box below to change the visibility of the segment border.


                                    

                                    

width

Sets a border width for a series in pixels.

Type: Number
Default Value: 2

Show Example:
jQuery

In the following example, the segment border has a 1-pixel width.