react-heatmap-grid
react-heatmap-grid copied to clipboard
Some dividers are randomly missing
For some reason, the white dividers between rows are randomly not appearing sometimes:
My code to render the heatmap looks like
<HeatMap
xLabels={xLabels}
xLabelWidth={80}
yLabelWidth={65}
yLabels = {yLabels}
data = {data}
height = {30}
width={10}
xLabelsLocation={"top"}
cellStyle={(background, value, min, max, data, x, y) => ({
background: `rgb(40, 167, 59, ${1 - (max - value) / (max)})`,
})}
title={(value, unit) => `${value}/${actors.size}`}
/>
Any idea what could be causing this?
@MutatedGamer Sorry for the delay. I missed the issue.
Can you share data which caused the issue?
So I ran into this issue, and I spent an embarrassing length of time trying to figure out why. Turns out I was just zoomed out in my browser to 90%... Glad the component at least works well ;)