selectionStyle

An object defining configuration options for a selected series.

Type: Object

The dxChart widget comes with API members that allow you to select a series in code. To set a custom 'selected' style for all series at once, use the selectionStyle object within the commonSeriesSettings configuration object.

If you have several series of one type, you can set selection style options to the values specific to this type using the corresponding object (area, line or another) within the commonSeriesSettings configuration object. The values that are set within series-type-specific configuration objects override the corresponding common values.

In case you have to set a selection style option for an individual series, use the selectionStyle object within the series object of the series array. The values that are set individually override corresponding common values.

Show Example:
jQuery

In this example, the style of a selected series is changed using the selectionStyle option.


                                    

                                    

color

Sets a color for a series when it is selected.

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 selected series is colored in pink.


                                    

                                    

dashStyle

Specifies the dash style for the line in a selected series.

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

Show Example:
jQuery

In this example, you can select a series by a click. When a series is selected, it is displayed in a different dash style.


                                    

                                    

width

Specifies the width of a line in a selected series.

Type: Number
Default Value: 3

Show Example:
jQuery

In this example, you can select a series by a click. When a series is selected, it is displayed with a different width.