Demos

Different Month Range

Explore an example of a Heat.js instance configured to show a different month range (April to March).

Include Files

Make sure you include the following files:

<link rel="stylesheet" href="dist/heat.js.min.css">

<script src="dist/heat.min.js"></script>

Create DOM Element

Add a new DOM element to house the Heat.js instance:

<div id="heat-map" id="heat-map" data-heat-js="getBindingOptions()"></div>

Add a new JavaScript function to return to binding options:

function getBindingOptions() {
    return {
        "startMonth": 3,
    };
}

Result