Colour gradients for heatmaps and conditional formatting – returns CSS colours like rgb(244, 114, 182).

Example

const gradient = new ThreeColorGradientArg(
0, new ColorRgb(255, 255, 255), // min → white
50, new ColorRgb(244, 114, 182), // middle → pink
100, new ColorRgb(79, 70, 229)); // max → indigo

class HeatmapModel extends AreaModelArrayOfArrays<number> {
override getCustomStyleAt(rowIndex: number, columnIndex: number) {
const value = Number(this.getValueAt(rowIndex, columnIndex));
return { "background-color": GeCssColorUtil.getThreeColorGradientRGB(value, gradient) };
}
}

See

Training: Heatmaps and conditional formatting

Hierarchy

  • GeCssColorUtil

Constructors

Methods

  • Maps value from the range [fromSource, toSource] linearly to [fromTarget, toTarget].

    Parameters

    • value: number
    • fromSource: number
    • toSource: number
    • fromTarget: number = 0
    • toTarget: number = 1

    Returns number