selectionStyle

An object defining configuration options for the series when it is selected.

Type: Object

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

Show Example:
jQuery

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


                                    

                                    

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


                                    

                                    

hatching

Specifies how to apply hatching to highlight the selected series.

Type: String
Default Value: 'right'
Accepted Values: 'none' | 'right' | 'left'

The following values are available:

  • none
    Do not apply hatching.
  • right
    Apply an upward diagonal hatching style from left to right.
  • left
    Apply a downward diagonal hatching style from left to right.
Show Example:
jQuery

Use the drop-down menu under the chart to set the selected point's hatching option.