Highcharts chart option backgroundColor: 'transparent' pokazujący czarny w IE 8

Question 1

Highchartsopcja wykresu backgroundColor:'transparent'pokazująca czarnyIE 8

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

Działa to dobrze na I.E 9i innych, ale nie działa w IE 8 i Safari. Ktoś ma pojęcie, dlaczego?

Question 2

Wypróbuj to rozwiązanie:

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

Question 3

Czy możesz tego spróbować -

backgroundColor: null

Zobacz: jsfiddle

Question 4

Znalazłem to w źródłach Highcharts:

Empiryczne najniższe możliwe zmętnienia dla TRACKER_FILL

IE6: 0,002

IE7: 0,002

IE8: 0,002

IE9: 0,00000000001 (nieograniczony)

IE10: 0.0001 (tylko eksport)

FF: 0,00000000001 (nieograniczony)

Chrom: 0,000001

Safari: 0,000001

Opera: 0,00000000001 (nieograniczona)

TRACKER_FILL = 'rgba (192,192,192,' + (hasSVG? 0,0001: 0,002) + ')'

Możesz więc ustawić kolor tła wykresu na „rgba (255,255,255,0.002)” i działa on w najważniejszych przeglądarkach.

Question 5

backgroundColor: 'transparent' działa również, jeśli potrzebujesz bezpieczeństwa typu.

Question 6

Jeśli możesz uzyskać dostęp do pliku highcharts.js, przejdź do linii backgroundColor (około 479) i zmień linię, na przykład backgroundColor:"rgba(255, 255, 255, 0)". Zmieni wszystkie tła wykresów na przezroczyste

Question 7

Może będziesz musiał napisać

filter:0 !important;

w twoim css.

Question 8

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

Answer 1

Highchartsopcja wykresu backgroundColor:'transparent'pokazująca czarnyIE 8

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

Działa to dobrze na I.E 9i innych, ale nie działa w IE 8 i Safari. Ktoś ma pojęcie, dlaczego?

Answer 2

128

Wypróbuj to rozwiązanie:

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

Mayuresh
źródło

Nie jest całkowicie przejrzysta. Pudełko jest wyraźnie widoczne. Odpowiedź nessa.gp zadziałała dla mnie.

Adrian Bartholomew

26

To obejście. Działa lepiej z backgroundColor:null.

ViniciusPires

Dziękuję za pomoc :)

russellhoff

3

backgroundColor: 'rgba (255, 255, 255, 0.0)' zapewni pełną przezroczystość

neo

2

Null nie działa już w HighCharts 6. Zamiast tego użyj backgroundColor: 'transparent'. (Testowane na wszystkich nowoczesnych przeglądarkach i IE11 +).

Stevethemacguy

Answer 3

Nie jest całkowicie przejrzysta. Pudełko jest wyraźnie widoczne. Odpowiedź nessa.gp zadziałała dla mnie.

Adrian Bartholomew

Answer 4

26

To obejście. Działa lepiej z backgroundColor:null.

ViniciusPires

Answer 5

Dziękuję za pomoc :)

russellhoff

Answer 6

3

backgroundColor: 'rgba (255, 255, 255, 0.0)' zapewni pełną przezroczystość

neo

Answer 7

2

Null nie działa już w HighCharts 6. Zamiast tego użyj backgroundColor: 'transparent'. (Testowane na wszystkich nowoczesnych przeglądarkach i IE11 +).

Stevethemacguy

Answer 8

132

Czy możesz tego spróbować -

backgroundColor: null

Zobacz: jsfiddle

Bhesh Gurung
źródło

7

Odpowiedź Mayuresha to dobra alternatywa, ale to też działa i wygląda na bardziej przejrzystą.

Capy

4

Doskonały! Gdybym miał do oddania tylko 10 głosów za :) To z pewnością poprawne, eleganckie, nie-hakerskie rozwiązanie.

Kato,

4

Zgadzam się; to prawdopodobnie najlepsza odpowiedź.

Geoff,

Twoje skrzypce są zepsute teraz, gdy Highcharts przeniósł plik .js, do którego utworzyłeś łącze. Jak wspomniano w innym miejscu, wartość null nie zawsze będzie działać. Odpowiedź nessa.gp podaje najlepsze wartości przypadków dla każdej przeglądarki, co odkryli sami Highcharts.

Colt McCormack

rozwiązuje również problem whkhtmltopdf z czarnym tłem.

Rostyslav Diachok

Answer 9

7