Cal-Heatmap is a javascript charting library to create a time-series calendar heatmap
MIT License
Bot releases are hidden (Show)
Published by wa0x6e over 8 years ago
This version is bringing some minor fixes but not backward compatible.
.now
class is now applied to current time, regardless if it is highlighted or not.
If you were using the highlight functionality, the highlight.now
class is now replaced by a single highlight-now
class.
The .future
class is not applied to the current time anymore.
Some CSS fixes
.future
class to future subdomain cellsdestroy()
Published by wa0x6e almost 10 years ago
You can now display a more customized text inside subDomain cells, by passing a function to subDomainTextFormat
Published by wa0x6e almost 10 years ago
3.5.0 add support for CommonJS loader, along some bugfixes
Published by wa0x6e over 10 years ago
now
and highlight
classes are not applied to subdomain textPublished by wa0x6e almost 11 years ago
Published by wa0x6e almost 11 years ago
destroy()
will remove the calendar from the DOM.
It can also takes a function as argument, that will be executed when the calendar is removed, at the end of the animation.
destroy()
always returns null
, so remember to assign it to your calendar instance, to also free the memory.
var cal = new CalHeatMap();
cal.init({}); // Creating the calendar
cal = cal.destroy(); // Remove the calendar from the DOM, and assign the 'cal' variable to `null`, avoiding memory leak
Published by wa0x6e about 11 years ago
The new highlight()
method allows you to highlight one or more dates. It accepts the same arguments as the highlight
setting inside init()
.
CSV files data can now be used directly as long as the first and second column correspond respectively to the timestamp and the value. Other structure still need some conversion works with the afterLoadDate()
callback. An example with Google Analytics CSV files is added in the documentation example section.
init()
will now throws an error for all invalid vital settings (itemSelector, domain and subDomain).
And as always, more tests and code improvement.
highlight()
method to change highlighted date after calendar initializationPublished by wa0x6e about 11 years ago
Published by wa0x6e about 11 years ago
Enable tooltip on date hover by setting tooltip
to true
, on init()
.
Published by wa0x6e about 11 years ago
The 3.3.0 release offers more control on the legend settings and domain scrolling.
Legend can now be added or removed after initialization.
In addition, all legend settings can be edited dynamically.
Check the legend playground in the documentation.
legendColors
setting was added to generate the heatmap colors dynamically, by interpolating a min and max colors.next()
and previous()
methods now takes an optional argument, specifying the number of domains to scroll.
A new jumpTo(date)
is available, in case you want to jump directly to a specific date.
rowLimit
and colLimit
setting has been added, to control the rows and columns number in a domain. Only use one, colLimit
will always take precedence over rowLimit
if both are present.
jumpTo()
method to scroll the calendar to the specified datesetLegend()
will redraw the legend if some of its settings (cellSize/padding, position, etc ...) were changedlegendColors
setting, to dynamically control the heatmap colorsshowLegend()
and removeLegend()
methodsnext()
and previous()
now takes an argument, to scroll multiple domains at oncelegendOrientation
settingrowLimit
and colLimit
setting to control the number of columns and rows in a domainsetLegend()
now takes a legend threshold array as first argument, and a color array as second argumentPublished by wa0x6e about 11 years ago
Can't load new domain with next()
when the new domain's timestamp contains more character
Published by wa0x6e about 11 years ago
Add setting to not paint domain label, and control its height
Published by wa0x6e about 11 years ago
Add setLegend()
method to redefine legend threshold and other bugfixes
Published by wa0x6e about 11 years ago
The considerMissingDataAsZero
is used when you want the dates that are not associated to any values to behave like if they're associated to the value 0.
Useful when your API is not returning data for dates with value 0, to save space.
Published by wa0x6e about 11 years ago
Add update()
method to update calendar's data.
update takes 3 arguments :
update() can update the calendar in 3 different ways :
Check the documentation for usage.
Published by wa0x6e about 11 years ago
Published by wa0x6e about 11 years ago
New minDate
and maxDate
option to limit domain navigation.
These new options are accompanied by the onMinDomainReached
and onMaxDomainReached
events, triggered when the loaded domain is the upper/lower bound domain.