Highcharts graphique option backgroundColor:'transparent' montrer noir sur IE 8

Question

Highcharts graphique option backgroundColor:'transparent' indiquant noir sur IE 8

histogram = new Highcharts.Chart({
            chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
                     backgroundColor:'transparent'
            }

Cela fonctionne bien sur I.E 9 et les autres, mais échoue sur I. E 8 et Safari quelqu'un a une idée de pourquoi ?

Answer 1

Pouvez-vous essayer ce -

backgroundColor: null

Voir sur: jsfiddle

Answer 2

Essayez cette solution:

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

Answer 3

J'ai trouvé ça dans Highcharts sources:

Empirique le plus bas possible opacités pour TRACKER_FILL

• IE6: 0.002
• IE7: 0.002
• IE8: 0.002
• IE9: 0.00000000001 (illimité)
• IE10: 0.0001 (exportation seulement)
• FF: 0.00000000001 (illimité)
• Chrome: 0.000001
• Safari: 0.000001
• Opéra: 0.00000000001 (illimité)

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

Ainsi, vous pouvez définir le graphique couleur de fond 'rgba(255,255,255,0.002)' et qu'il fonctionne dans les navigateurs les plus importants.

Answer 4

Si vous pouvez accéder à l'highcharts.js fichier d'aller à la backgroundColor ligne (environ 479) et modifier la ligne comme backgroundColor:"rgba(255, 255, 255, 0)". Il va changer tous les horizons de la cartes transparentes

Answer 5

Peut-être que vous avez à écrire

filter:0 !important;

dans votre css.