JavaScript/jQuery RangeSelector - chart.series.hoverStyle

Configures the appearance adopted by the series when a user points to it.

Type:

Object

Declared in commonSeriesSettings, hoverStyle applies to all series in the chart. Declared in a series configuration object, hoverStyle applies to this particular series only. The series-specific hoverStyle overrides the common one.

color

Specifies the color of the series in the hovered state.

Type:

String

|

ChartsColor

| undefined
Default Value: undefined

This property supports the following colors:

You can also specify a custom pattern or gradient instead of a plain color. Call the registerPattern() or registerGradient() method to obtain a fill ID. Assign that value to the fillId field.

This functionality is available for the following Chart series:

index.js
  • $(function(){
  • $("#chartContainer").dxChart({
  • // ...
  • series: {
  • // ...
  • hoverStyle: {
  • color: {
  • fillId: customPatternId
  • }
  • }
  • }
  • });
  • });