Documentation

This page documents the functionality of Heat.js, including its parameters, usage examples, and expected outputs. It serves as a reference for developers to implement and troubleshoot effectively.

side_navigation

Days

Explore this complete list of Heat.js binding options to easily set up, customize, and update your settings for the 'days' view on the fly.

Example

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

Options

Type:Name:Description:
booleanenabledStates if this view is enabled (defaults to true).
booleanshowChartYLabelsStates if the chart Y axis labels should be shown (defaults to true).
booleanshowDayNamesStates if the day names are shown (defaults to true).
number[]monthsToShowStates the months that should be shown (defaults to [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]).
number[]daysToShowStates the days that should be shown (defaults to [1, 2, 3, 4, 5, 6, 7]).
booleanshowDayCountsStates if the day counts should be shown in the lines (defaults to false).
booleanshowInReverseOrderStates if the days should be shown in reverse order (defaults to false).
booleankeepScrollPositionsStates if the scroll positions should be maintained when the view is redrawn (or moving year to year, defaults to false).
booleanshowToolTipsStates if the tooltips should be shown (defaults to true).
booleanuseGradientsStates if the bar lines should use a gradient fill (defaults to false).
booleanuseDifferentOpacitiesStates if the color opacities for each day should be different (defaults to false).
booleanshowDayCountPercentagesStates if the count percentages should be shown (when count displays are enabled, defaults to true).
booleanshowStackedColorRangesStates if the bar should show the stacked color range levels (defaults to true).
stringdayToolTipTextStates the tooltip format to use for a day item (defaults to "{dddd} {yyyy}").