Color Range

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

Example

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

Options

Type:Name:Description:
stringidThe unique identifier for this item.
stringnameThe unique name for this item (optional).
numberminimumThe minimum count the date has reached before showing this items CSS class.
stringcssClassNameThe CSS class name to apply to the day when the minimum value is met.
stringmapCssClassNameThe override CSS class name to apply to the item in the "map" view when the minimum value is met (optional).
stringlineCssClassNameThe override CSS class name to apply to the item in the "line" view when the minimum value is met (optional).
stringchartCssClassNameThe override CSS class name to apply to the item in the "chart" view when the minimum value is met (optional).
stringdaysCssClassNameThe override CSS class name to apply to the item in the "days" view when the minimum value is met (optional).
stringmonthsCssClassNameThe override CSS class name to apply to the item in the "months" view when the minimum value is met (optional).
stringcolorRangeCssClassNameThe override CSS class name to apply to the item in the "color ranges" view when the minimum value is met (optional).
stringtooltipTextThe tooltip text that should be shown for the item in the guide.
booleanvisibleStates if the item should be shown in the views (defaults to true).