Highcharts opzione grafico backgroundColor:'transparent' mostrando nero su IE 8Highcharts opzione grafico backgroundColor: 'trasparente' che mostra nero su IE 8
histogram = new Highcharts.Chart({
chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
backgroundColor:'transparent'
}
Questo funziona bene su I.E 9 e altri, ma non riesce a IE 8 e Safari qualcuno ha qualche idea del perché ?
provare questa soluzione:
histogram = new Highcharts.Chart({
chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
backgroundColor:'rgba(255, 255, 255, 0.0)'
}
Può essere che si deve scrivere
filter:0 !important;
nel CSS.
La risposta di Mayuresh è una buona alternativa, ma funziona anche così e sembra più pulita. – Capy
Perfetto! Se avessi solo 10 upvotes da dare :) Questa è sicuramente la soluzione corretta, elegante e non-hacking. – Kato
Sono d'accordo; questa dovrebbe probabilmente essere la risposta migliore. – Geoff
Se è possibile accedere al file highcharts.js andare al backgroundColor linea (circa 479) e cambiare linea come backgroundColor:"rgba(255, 255, 255, 0)". Cambierà tutte le provenienze delle classifiche a trasparente
Ho trovato questo nelle fonti Highcharts:
empirici più bassi opacità possibili per TRACKER_FILL
- IE6: 0.002
- IE7: 0.002
- IE8: 0,002
- IE9: 0,00000000001 (illimitato)
- IE10: 0.0001 (esportare solo)
- FF: ,00000000001 (illimitato)
- Chrome: 0,000001
- Safari: 0,000001
- Opera: ,00000000001 (illimitata)
TRACKER_FILL = 'rgba (192,192,192, '+ (hasSVG? 0.0001: 0.002) + ')'
in modo da poter impostare il colore di sfondo del grafico a 'RGBA (255,255,255,0.002)' e funziona nei browser più importanti.
Non è completamente trasparente. La scatola è chiaramente visibile. La risposta di nessa.gp ha funzionato per me. –
Questa è una soluzione alternativa. Funziona meglio con 'backgroundColor: null'. – ViniciusPires
Questo è oro, grazie mille. – dchayka