React RangeSelector - chart.series.selectionStyle

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

This property supports the following colors:

• Hexadecimal colors
• RGB colors
• RGBA colors
• Predefined/cross-browser color names
• Predefined SVG colors
• Paint server address

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:

• Area
• Stacked area
• Full-stacked area
• Spline area
• Stacked spline area
• Full-stacked spline area
• Range area
• Step area
• Bar
• Stacked bar
• Full-stacked bar
• Range bar
• Bubble

import React from 'react';
import Chart, { Series, SelectionStyle } from 'devextreme-react/chart'; 
 
// ...
const fill = {
    fillId: customPatternId
};
 
export default function App() { 
    return ( 
        <Chart ... >
            <Series ... >
                <SelectionStyle color={fill} />
            </Series>
        </Chart>        
    ); 
}