The javascript module Cal-Heatmap allows creating a calendar heatmap.
The javascript module Cal-Heatmap allows creating a calendar heatmap.
Questions tagged [cal-heatmap]
28 questions
15
votes
4 answers
Django: passing JSON from view to template
In views.py, I have time series data stored in a dictionary as follows:
time_series = {"timestamp1": occurrences, "timestamp2": occurrences}
where each timestamp is in unix time and occurrences is an integer.
Is there a way to pass the time series…
jkarimi
- 1,247
- 2
- 15
- 27
2
votes
1 answer
Cal-HeatMap Data
I'm trying to fill the HeatMap calendar (http://cal-heatmap.com/) with dynamic data. So I'm taking different dates from a file and converting them to miliseconds to create the key-value pair required for the calendar.
I'm doing this like this:
var…
nash
- 523
- 1
- 5
- 18
2
votes
1 answer
Cal-Heatmap display only 3 months in row another 3 months another row till all 12 months
Hi all I'm using d3js and cal-Heatmap for calendar view in my project, I'm able to get the examples working.
It provides only verticalOrientation = false/true option, but my requirement is that I have to display
horizontalOrientation (i.e…
KGBRS
- 41
- 6
2
votes
1 answer
Highlight multiple options in Cal Heatmap
I have an array of Javascript datetime objects which I want to display on a cal-heatmap. For this, i've done the following:
var startTimes = [] //array of datetimes to show
var cal = new CalHeatMap();
cal.init({
itemSelector: '.heat-map',
…
Newtt
- 6,050
- 13
- 68
- 106
1
vote
0 answers
Cal heatmap show nan value other color
Can cal heatmap.js let NaN value represent another color?
Now if my data has NaN, it will only be represented as 0.
var cal = new CalHeatMap();
cal.init({
itemSelector: "#cal-heatmap",
itemName: ["μm
", "μm"], …
", "μm"], …
lingwu
- 41
- 1
- 3
1
vote
0 answers
Heatmap calendar dc.js
I have been trying to implement heatmap calendar in DC.js following this - reference
Below are the code details -
var chartExample = {
initChart : function(experiments) {
console.log(experiments);
var ndx = crossfilter(experiments), chart =…
Spandana
- 121
- 1
- 2
- 13
1
vote
1 answer
Integrating Google Calendar data with D3.js based Calendar
I initially began this endeavor with an implementation of fullCalendar.js which worked as intended. However, problems arose when I started to customize the UI. After much toil, I decided to scrap the implemention of fullcalendar and go for something…
tijanicharles
- 183
- 3
- 17
1
vote
1 answer
how can I add the count value in a cal-heatmap
I want to display the 'count' value instead of the date in a calendar
e.g this represents a heatmap of the month of July but instead of the day (1-31) I want to output the number of occurences (count of items)
code playground
I am using the package…
Papouche Guinslyzinho
- 5,277
- 14
- 58
- 101
1
vote
1 answer
cal-heatmap onclick on day, scroll to the week's section
So, I have a cal-heatmap calendar working on my website. It displays data from December 2016 to November 2017.
On the same page, I have texts which are divided into different sections.
Here is the code for a section:
gabrielchl
- 606
- 9
- 20
gabrielchl
- 606
- 9
- 20
1
vote
1 answer
How do I add labels to a subdomain in cal-heatmap?
I have a cal-heatmap that is displaying the last week of data. Each row is a day and each column is an hour. I have labels on the days but not the hours. How can I add these?
var cal = new CalHeatMap();
cal.init({
itemSelector:…
digitalEyes
- 53
- 9
1
vote
3 answers
Using JS library installed via npm in Typescript Angular 2 project
I don't manage to use cal-heatmap in my Angular2 project written in TypeScript. Any help on how to get this going would be appreciated.
I am using webpack (webpack.config.js) to bundle the application. Here is the ts.config. I installed cal-heatmap…
OG Dude
- 936
- 2
- 12
- 22
1
vote
0 answers
Showing colour in cal-heatmap tiles
I'm using cal-heatmap for displaying a user activity for a month. My issue is that the colour change is not showing properly. My "init" function is given below.
When I provide data with integer values which have difference of 2 or 3 (eg: 8, 12, 3, 7…
Renjith K.C
- 23
- 3
0
votes
0 answers
Cal-Heatmap legend label formatting
I want the legend label to be exact value instead of less than, more than, and between values range
0 instead of "less than 1"
1 instead of "between 1 and 2"
2 instead of "more than 2"
legend: [1,2],
Anyone know how to accomplish…
Aditya Pratama
- 657
- 1
- 8
- 21
0
votes
3 answers
Intergrating cal-heatmap with Angular2 +
Am trying to integrate cal-heatmap to my Angular 9 project , the officiel doc for this JS library is on : cal-heatmap official
I made install via: npm i cal-heatmap , but there is no module to import in my project .
in my main component.html i…
Coder
- 75
- 1
- 8
0
votes
0 answers
CalHeatmap adjust timestamp timezone when data is loaded
I'm using CalHeatmap where I populate the calendar with server side data async and I face a problem with the logged in user timestamp because it seems like the timestamp timezone is converted to browsers location. Is there a way to convert the data…
fefe
- 8,755
- 27
- 104
- 180