Remove background from Highchart heatmap

Question

I want remove the background from the highchart heatmap, as you can see in the image below i remove the highchart background but not the background inside the plot:

Anyone knows how can I achieve it?

Thanks

I think your questions is almost a duplicate that is found [here](https://stackoverflow.com/questions/7736385/highcharts-chart-option-backgroundcolortransparent-showing-black-on-ie-8). — SurisDziugas, Feb 08 '18 at 12:06
the `bacgroundColor` option seem to works fine, look [here](http://jsfiddle.net/core972/w38pdkx7/) — Core972, Feb 08 '18 at 12:12
no, it's not a duplicate, as you can see in the x and y label there is no background, I alreday remove it, in the plot insted beside the little square you se the white, i want remove that color — Piero, Feb 08 '18 at 12:15

score 1 · Accepted Answer · answered Feb 08 '18 at 12:35

1

If all the white space are sqares with value 0 you need to set the minColor to a transparent value

colorAxis: {
    min: 0,
    minColor: 'rgba(0,0,0,0)',
    maxColor: Highcharts.getOptions().colors[0]
},

Fiddle

answered Feb 08 '18 at 12:35

Core972

4,065
3
31
45

score 0 · Answer 2 · answered Feb 08 '18 at 12:44

0

To remove white border surrounding square you have to update series with

  "series":[
  {
     "borderWidth":0,
      .........
  }

Fiddle demo

answered Feb 08 '18 at 12:44

Deep 3015

9,929
5
30
54

Remove background from Highchart heatmap

2 Answers2