CellColorRange

Defines Colours to show in Gradient, Percent Bar and Bullet Chart Styles

TypeScript
export interface

Properties

PropertyTypeDescription
ColorstringCell colour to use for values that fall inside Range
Maxnumber |DynamicRangeEndpointEnd of Range, can be literal number or DynamicRangeEndpoint
Minnumber |DynamicRangeEndpointStart of Range, can be literal number or DynamicRangeEndpoint
ReverseGradientbooleanReverses the alpha ramp within this range only — values at the low end render saturated, values at the high end render faint.

Property Details

Color

Cell colour to use for values that fall inside Range

TypeScript
Color: string;
Property Value

string

Max

End of Range, can be literal number or DynamicRangeEndpoint

TypeScript
Max: number | DynamicRangeEndpoint;
Property Value

number |DynamicRangeEndpoint

Min

Start of Range, can be literal number or DynamicRangeEndpoint

TypeScript
Min: number | DynamicRangeEndpoint;
Property Value

number |DynamicRangeEndpoint

ReverseGradient

Reverses the alpha ramp within this range only — values at the low end render saturated, values at the high end render faint.

Useful as a Gradient Style option when the natural reading is "lower-is-darker" (e.g. lower trade IDs are older / more important, so deserve more visual emphasis than newer ones).

Only honoured by Gradient Style.

TypeScript
ReverseGradient?: boolean;
Property Value

boolean