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

81

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?

— Nikshep
źródło

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

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

9

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.

— nessa.gp
źródło

2

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

— Attila Csányi
źródło

0

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

— GrooveNow
źródło

1

A potem będziesz musiał to robić za każdym razem, gdy aktualizujesz bibliotekę.

— guioconnor

-2

Może będziesz musiał napisać

filter:0 !important;

w twoim css.

— Sandeep
źródło

-2

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

— Pankaj Upadhyay
źródło

1

Chociaż ten fragment kodu może rozwiązać problem, dołączenie wyjaśnienia naprawdę pomaga poprawić jakość Twojego posta. Pamiętaj, że odpowiadasz na pytanie do czytelników w przyszłości, a osoby te mogą nie znać powodów, dla których zaproponowałeś kod.

— Clijsters,