- Basic
- Basic Default View
- Assign Custom Triggers
- Using Trend Types
- Setup
- Dynamic Colors
- Locale (different languages)
- Themes
- Layout
- Yearly Statistics
- Description
- Extra Title Bar Buttons
- Zooming
- Make Resizable
- Views
- Map
- Line
- Chart
- Days
- Months
- Color Ranges
- Options
- Show Counts
- Remove Map Month Gaps
- Remove Map Spacing
- Single View Enabled
- Show Title Menu
- Different Month Range
- Editable Trend Types
Editable Trend Types
Explore an example of a Heat.js instance configured to allow trend type to be edited.
Include Files
Make sure you include the following files:
<link rel="stylesheet" href="dist/heat.js.min.css">
<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 {
"guide": {
"allowTypeAdding": true,
"allowTypeRemoving": true,
},
};
}