Angular 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.
color
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
- <dx-chart ... >
- <dxi-series ... >
- <dxo-selection-style
- [color]="fill"
- ></dxo-selection-style>
- </dxi-series>
- </dx-chart>
- // ...
- export class AppComponent {
- // ...
- fill = {
- fillId: this.customPatternId
- };
- }
If you have technical questions, please create a support ticket in the DevExpress Support Center.