react-heatmap-grid icon indicating copy to clipboard operation
react-heatmap-grid copied to clipboard

Some dividers are randomly missing

Open MutatedGamer opened this issue 5 years ago • 2 comments

For some reason, the white dividers between rows are randomly not appearing sometimes:

image 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 avatar May 28 '19 06:05 MutatedGamer

@MutatedGamer Sorry for the delay. I missed the issue.

Can you share data which caused the issue?

arunghosh avatar Jul 08 '19 09:07 arunghosh

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 ;)

Dev-Lan avatar Jan 02 '21 04:01 Dev-Lan