Skip to content

Heatmap colors are wrong and some options are not working #5042

Open
@beldogueto

Description

@beldogueto

Hello! Many thanks again for this amazing project!

Description

Heatmap colors are working on a wrong way.
Ex: if I set blue-white-red scale, it should be something like this:
Image
From the min to the max value

What I have when I set "from" and "to" options are negative values behaving different from positive values.

  • Negative values follows this min-max color gradient (ex: MIN values are strong blue and MAX values white/weak blue).
  • Positive values are having the colors inverted and are plot as max-min gradient (ex: MAX values are strong blue and MIN values white/weak blue).

I understand this behavior could also be an option, but negative and positive values should follow the same color gradient when placed together (from min to max).

Also the following options does not look like having any impact on the headmap and maybe are not working:
colorScale.inverse
colorScale.min
colorScale.max
reverseNegativeShade
distributed

Steps to Reproduce

https://codepen.io/beldogueto/pen/EaaBgpG

Expected Behavior

To follow a linear color gradient, from min to max values, like this:

Image

Actual Behavior

Negative values are following min-to-max color gradient, positive colors are doing max-to-min color gradient:
Image

Reproduction Link

https://codepen.io/beldogueto/pen/EaaBgpG

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions