Colour gradients for heatmaps and conditional formatting – returns CSS colours like rgb(244, 114, 182).
rgb(244, 114, 182)
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 → indigoclass HeatmapModel extends AreaModelArrayOfArrays<number> { override getCustomStyleAt(rowIndex: number, columnIndex: number) { const value = Number(this.getValueAt(rowIndex, columnIndex)); return { "background-color": GeCssColorUtil.getThreeColorGradientRGB(value, gradient) }; }} Copy
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 → indigoclass HeatmapModel extends AreaModelArrayOfArrays<number> { override getCustomStyleAt(rowIndex: number, columnIndex: number) { const value = Number(this.getValueAt(rowIndex, columnIndex)); return { "background-color": GeCssColorUtil.getThreeColorGradientRGB(value, gradient) }; }}
Training: Heatmaps and conditional formatting
Static
The colour for value on a min → middle → max gradient (e.g. red → white → green for negative / positive).
value
The colour for value between minColor (at minValue) and maxColor (at maxValue).
minColor
minValue
maxColor
maxValue
Maps value from the range [fromSource, toSource] linearly to [fromTarget, toTarget].
Colour gradients for heatmaps and conditional formatting – returns CSS colours like
rgb(244, 114, 182).Example
See
Training: Heatmaps and conditional formatting