Skip to content

Help to better understand how to show the heatmap #37

@FulvioSpelta

Description

@FulvioSpelta

Hi all, i'm trying to use the library to show data from a matrix PIR temperature sensor that give me a 8x8 temperature matrix.

I've done a simple page to show the values and added a custom gradient in order to show a legend too; the result is this one:
image
image

This is the gradient:

var myGradientHeat = {
	0.0:	'black',
	0.2: 'blue',
	0.4: 'cyan',
	0.6: 'lime',
	0.8: 'yellow',
	1.0: 'red'
};

Fake data has been used to show series from min to max and check the gradient.
Heatmap is drawn settuing Maxvalue as max value in the series and minOpacity at 5%

The matter is that i suppose to see the entire gradient, to be clear: i aspect to see black points where the point's value is min (0 for this series) and red point at max.

I see that points that have values from half to max have color that more or less follow the gradient (legend) but moving towards min value the point's color differ from gradient and they become transparent.

Question: is this an expected behavior or not ? Is there a method to achieve my goal to show all the point following the gradient?

Thank you very much for the help.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions