reverseNegativeShade = true results in only dark shading

[gregorycarter]

Hello, firstly thank you for the awesome charts library. I love ApexCharts!

Bug report

Codepen

https://codepen.io/gregorycarter/pen/mdVwXEP

Explanation

• What is the behavior you expect?

When reverseNegativeShade: true, more negative colours should receive a darker shade, and less negative numbers should receive a lighter shade.

• What is happening instead?

All cells receive the same maximum dark shade, regardless of value.

• What error message are you getting?

No error message.

Thanks

[zhongyi-zhou]

Also found the same problem.
Have you solved it?

[gregorycarter]

Also found the same problem.
Have you solved it?

No, I'm running the latest version (3.20.0) and the incorrect behaviour is still there.

I assume it is something to do with the logic in here, but I'm no JS expert and so not sure how to go about debugging this.

[idanamit]

I'm also experiencing this issue.
Have you got a solution?

[idanamit]

After a bit of investigating I've found out that this bug was created on version 3.15.6 as the previous version 3.15.5 has this behavior working as intended

[sureshd21]

if (w.config.plotOptions[chartType].reverseNegativeShade) {
if (colorProps.percent < 0) {
colorShadePercent = (1 + colorProps.percent / 100) * (shadeIntensity * 1.25);
}

1+ is missing in the colorProps.percent to generate colorShadePercent for negative numbers. its working fine after made this change.

[idanamit]

Can you maybe create a PR with this fix @sureshd21?
It might get added in the next version

[dfiorini]

Hi, how can I change edge color of heatmap squares ?

[dvdvck]

Hi, how can I change edge color of heatmap squares ?

by setting:

...
plotOptions: {
  heatmap: {
    useFillColorAsStroke: false,
  }
},
stroke: {
  colors: ['hexcolor'],
},
...