speedforce
Posts: 4
Joined: Sat Oct 22, 2022 4:16 pm

Heatmap not showing fill colors: fill="rgb(NaN,NaN,NaN)"

I'm using Heatmap and it works well on my local (npm run serve for Vue app), however when I deployed to stg (npm run build) and the cell are all black and shows -> fill="rgb(NaN,NaN,NaN)"

I checked the path attribute for the cell, it does not contain fill attribute:
path[Attributes Style] {
d: path("M 203 47 L 223 47 L 223 71 L 203 71 Z");
stroke: rgb(152, 149, 149);
stroke-width: 0.25;
opacity: 1;

Could anyone instruct me how can I solve this? It's weird that the local is fine but not staging site. The codes are all the same...
Thanks :D
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Heatmap not showing fill colors: fill="rgb(NaN,NaN,NaN)"

Hello there,

Welcome to our forum and thank you for contacting us with your question!

It is hard to tell what could be causing this issue, but since it works locally maybe there is some bug in the build process?

If you are using our official Highcharts Vue wrapper, and have it updated to the latest version, I would suggest reporting it as a bug on the wrapper's GitHub Issues page.

GitHub Issues: https://github.com/highcharts/highcharts-vue/issues

In case of any other questions, please do not hesitate to contact us!
Best regards
Kamil Musiałowski
Highcharts Developer
speedforce
Posts: 4
Joined: Sat Oct 22, 2022 4:16 pm

Re: Heatmap not showing fill colors: fill="rgb(NaN,NaN,NaN)"

We found out in local node version 16 and 14 are fine, however on staging site we use public.ecr.aws/docker/library/node:latest. Does it support highcharts?
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Heatmap not showing fill colors: fill="rgb(NaN,NaN,NaN)"

In general, we recommend using the LTS version for Node (16.18.0) at the moment. Could you try using this exact version and tell me the results?

Thank you!
Kamil Musiałowski
Highcharts Developer
speedforce
Posts: 4
Joined: Sat Oct 22, 2022 4:16 pm

Re: Heatmap not showing fill colors: fill="rgb(NaN,NaN,NaN)"

Hi, I tried using LTS 16.18.0, but it's still not working. Do you know which part might be missing that will affect the CSS for this chart? Thank you!
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Heatmap not showing fill colors: fill="rgb(NaN,NaN,NaN)"

Unfortunately, without a live demo I won't be able you, but it might be a more complicated issue. So like I said before, I would suggest reporting in on the wrapper's GitHub Issues page.

GitHub Issues: https://github.com/highcharts/highcharts-vue/issues
Kamil Musiałowski
Highcharts Developer
speedforce
Posts: 4
Joined: Sat Oct 22, 2022 4:16 pm

Re: Heatmap not showing fill colors: fill="rgb(NaN,NaN,NaN)"

thank you. I'll report it!
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Heatmap not showing fill colors: fill="rgb(NaN,NaN,NaN)"

Amazing, thank you!

In case of any other questions, please do not hesitate to contact us.
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Maps”