Search code examples
javascriptreactjsapexcharts

how to set apex heatmap border?


I am referring to the apexcharts documentation to find if there is anyway to show the border of each cell in the heatmap.

So far, I have tried to add

grid: {
  show: true,
  borderColor: '#90A4AE',
}

which did not work.

fyi, this is the current state of the heatmap.

partial screenshot just to show the idea, and I want to add border on each cell to make it more distinguishable

Any suggestion will be helpful, thank you!


Solution

  • You can change stroke color (white space between cells) like this

    stroke: {
      colors: ["#90A4AE"],
    },
    

    https://apexcharts.com/docs/options/stroke/