Highcharts chart option backgroundColor:'transparent' showing black on IE 8

Question

Highcharts chart option backgroundColor:\'transparent\' showing black on IE 8

histogram = new Highcharts.Chart({
              


        

Answer 1

Try this solution:

histogram = new Highcharts.Chart({
                chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
                         backgroundColor:'rgba(255, 255, 255, 0.0)'
                }

Answer 2

I found this in Highcharts sources:

Empirical lowest possible opacities for TRACKER_FILL

• IE6: 0.002
• IE7: 0.002
• IE8: 0.002
• IE9: 0.00000000001 (unlimited)
• IE10: 0.0001 (exporting only)
• FF: 0.00000000001 (unlimited)
• Chrome: 0.000001
• Safari: 0.000001
• Opera: 0.00000000001 (unlimited)

TRACKER_FILL = 'rgba(192,192,192,' + (hasSVG ? 0.0001 : 0.002) + ')'

So you can set the chart background color to 'rgba(255,255,255,0.002)' and it runs in the most important browsers.

Answer 3

backgroundColor:'rgba(255, 255, 255, 0.0)',

Answer 4

backgroundColor: 'transparent' also working if you need type safety.

Answer 5

May be you have to write

filter:0 !important;

in your css.

Answer 6

Can you try this -

backgroundColor: null

See on: jsfiddle