Gridlines over heatmap

I would like to separate the columns of a heat map. I tried to do it by increasing the size of the gridlines, but no success. It looks like the gridlines are rendered underneath the heatmap data. Any ideas how to get this working?

Unfortunately, there is no way to draw a heatmap below the grid lines.

As a workaround, you can draw line shapes over the heatmap: http://codepen.io/etpinard/pen/dMQrKN

Thanks Etienne, I’ll try that out!

Grid lines can be set with xgap and ygap

Plotly.plot('graph', [{
  type: 'heatmap',
  z: [[1,2], [2,1]],
  xgap :	3,
  ygap :	3
}])
1 Like