Dynamic Color Range

Explore this complete list of basic Heat.js binding options to easily set up, customize, and update your dynamic color range settings on the fly.

Example

$heat.updateBindingOptions( "heat-map", {
    dynamicColorRange: {
        enabled: true
    }
} );

Options

Type:Name:Description:
booleanenabledStates if dynamic colors are enabled (defaults to false).
numbermaximumMinimumStates the maximum minimum level to use (defaults to 25).
colorstringStates the hex color to start with (defaults to the CSS variable color).
numbertotalColorsStates the total number of color ranges to create (defaults to 5).
numberstartMinimumStates where the first color range minimum should start (defaults to 10).