Hello. I have been working on getting a heat map created and I cannot for the life of me figure out the config to make it happen. The data that I have is an array of timestamps and values:
Code: Select all
[[1641020400000, -14],[1641024000000, 63],[1641027600000, 53]]
An easy way to generate dummy data for this is:
Code: Select all
var a = [];
for(let i=0; i<72; i++) a.push([(new Date((new Date('01/01/2022 00:00:00')).getTime()+(i*3600000))).getTime(),Math.round(Math.random() * (100 - -100) + -100)]);
The timestamp is incremented by 1 hour. The data will have a full week, so 168 samples (7*24), The values can be values from -100 to 100. I want a heatgraph where each column would be one day, and each row one hour of that day, and I want the value to be in each cell. An example screenshot of a heatmap I found that would be what I would like is this:
Can anyone please help with a heatmap config to be able to generate this? It would be greatly appreciated. I have gone through the heatmap examples and the documentation but cant seem to put it all together.