web-dev-qa-db-fra.com

Option de graphique Highcharts backgroundColor: 'transparent' affiché en noir sur IE 8

Highcharts option de graphique backgroundColor:'transparent' affichant le noir sur IE 8

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

Cela fonctionne très bien sur I.E 9 et d’autres, mais échoue sur I.E 8 et Safari a-t-il une idée du pourquoi?

cssinternet-explorer-8cross-browserhighcharts
76
Nikshep

Essayez cette solution: 

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

Pouvez-vous essayer ceci -

backgroundColor: null

Voir sur: jsfiddle

129
Bhesh Gurung

J'ai trouvé cela dans les sources Highcharts: 

Opacités les plus basses possibles pour TRACKER_FILL 

  • IE6: 0.002
  • IE7: 0.002
  • IE8: 0.002
  • IE9: 0.00000000001 (illimité)
  • IE10: 0.0001 (exportation uniquement)
  • FF: 0.00000000001 (illimité)
  • Chrome: 0.000001
  • Safari: 0.000001
  • Opera: 0.00000000001 (illimité) 

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

Ainsi, vous pouvez définir la couleur d'arrière-plan du graphique sur 'rgba (255,255,255,0,002)' et il s'exécute dans les principaux navigateurs. 

8
nessa.gp

backgroundColor: 'transparent' fonctionne également si vous avez besoin de sécurité de type.

2
Attila Csányi
backgroundColor:'rgba(255, 255, 255, 0.0)',
0
Pankaj Upadhyay

Si vous pouvez accéder au fichier highcharts.js, allez à la ligne backgroundColor (environ 479) et modifiez-la comme backgroundColor:"rgba(255, 255, 255, 0)". Cela changera tous les fonds des graphiques en transparent

0
GrooveNow