Heatmap not displaying colors

[joaosimoes]

Hi everyone,

I'm trying to build a heatmap with highcharts but cannot have colours on the chart. The values are there but not the colours.

The link for the jsfidlle: https://jsfiddle.net/joaosimoes/pwcnydso/19/

Thanks in advance!

[hubert.k]

Hello joaosimoes!
Welcome to our forum and thanks for contacting us with your question!

The heat map is working correctly and colors are presented on the points, but your data / chart configuration is a little bit strange and it is just not showing these points. If you modify yAxis.min and yAxis.max to show two points, you will see them and their color. I am not sure, what you want to achieve by using this data, but everything works correctly.

Demo: https://jsfiddle.net/BlackLabel/ha18o3yr/
API Reference: https://www.highcharts.com/docs/chart-a ... es/heatmap

Regards!

[joaosimoes]

Hi Hubert,

Thank you for your answer.

I figured out the solution. It has to do with the rowsize and colsize in the series parameters. I need to configure it properly to fill the entire gap. In my case Y is changing every 100 units so rowsize will be 100 and colsize will be 3600000 (1h timestep).

Just a quick question, it is possible to add a stock chart to the heatmap? I was able to add a line, but not the candlesticks.

Thanks,

Joao

[hubert.k]

joaosimoes,

Sure, you can. All you need to use it the Highstock module and then use a normal chart constructor 'chart'. After including the Highstock module you can create a 'candlestick' series. Please, check the demo below.

Demo: https://jsfiddle.net/BlackLabel/5on9j0wk/

Regards!