Highcharts Chart Option Backgroundcolor:'Transparent' Showing Black on Ie 8

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

Try this solution:

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

jqplot graph background seems to be black in ie8

Finally I got the answer after research for a day

The issue was with the background property used in jqplot options.

grid : {
    background    : 'transparent',
    gridLineColor : '#c5c5c5'
}

I fixed it by replacing 'transparent' using 'rgba(255, 255, 255, 0.1)' in my code and it is working in all browsers including IE8. The same thing can be achieved by using background:url('blank.gif')

I got help from the following links

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

2. IE CSS bug background color transparent behaves differently to background-color

Highcharts backgroundColor for multiple charts is only applied to one chart

You are doing it wrong, chart2 is not an option. Change this :

$('#container2').highcharts({
    chart2: {
         backgroundColor:'Transparent',
         size:'100%'
    },
    ...
});

To this :

$('#container2').highcharts({
    chart: {
         backgroundColor:'Transparent',
         size:'100%'
    },
    ...
});

See the updated jsFiddle

highcharts, bar chart legend with verticalAlign top not working

You have the legend property twice in your options. The 2nd one is overriding the first. Put them together:

legend: {
    backgroundColor: '#FFFFFF',
    reversed: true,
    align: 'right',
    verticalAlign: 'top',
    x: 0,
    y: 100
},

Updated fiddle.

---

Related Topics