Highcharts grafik seçeneği backgroundColor: IE 8'de siyahı gösteren 'şeffaf'

81

HighchartsbackgroundColor:'transparent'siyahı gösteren grafik seçeneğiIE 8

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

Bu I.E 9ve diğerleri üzerinde iyi çalışıyor, ancak IE 8 ve Safari'de başarısız oluyor, herhangi birinin neden olduğu hakkında bir fikri var mı?

— Nikshep
kaynak

128

Bu çözümü deneyin:

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

— Mayuresh
kaynak

Tamamen şeffaf değil. Kutu açıkça görülüyor. nessa.gp'nin cevabı benim için çalıştı.

— Adrian Bartholomew

26

Bu bir geçici çözüm. İle daha iyi çalışır backgroundColor:null.

— ViniciusPires

Yardımınız için teşekkürler :)

— russellhoff

3

backgroundColor: 'rgba (255, 255, 255, 0.0)' size tam şeffaflık sağlayacak

— neo

2

Null artık HighCharts 6'da çalışmaz. Bunun yerine backgroundColor: 'transparent' kullanın. (Tüm modern tarayıcılarda ve IE11 + üzerinde test edilmiştir).

— Stevethemacguy

132

Bunu deneyebilir misin -

backgroundColor: null

Bakın: jsfiddle

— Bhesh Gurung
kaynak

7

Mayuresh'in cevabı bu iyi bir alternatif ama bu da işe yarıyor ve daha temiz görünüyor.

— Capy

4

Mükemmel! Verecek sadece 10 ek oyum olsaydı :) Bu kesinlikle doğru, zarif, hack olmayan bir çözüm.

— Kato

4

Katılıyorum; bu muhtemelen en iyi cevap olmalı.

— Geoff

Highcharts bağladığınız .js dosyasını taşıdığı için kemanınız bozuldu. Başka bir yerde belirtildiği gibi null her zaman işe yaramayacaktır. nessa.gp'nin yanıtı, Highcharts tarafından keşfedildiği gibi, her tarayıcı için en iyi durum değerlerini verir.

— Colt McCormack

aynı zamanda siyah arka plan ile whkhtmltopdf sorununu da düzeltir.

— Rostyslav Diachok

9

Bunu Highcharts kaynaklarında buldum:

TRACKER_FILL için ampirik en düşük opasiteler

IE6: 0,002

IE7: 0,002

IE8: 0.002

IE9: 0.00000000001 (sınırsız)

IE10: 0.0001 (yalnızca dışa aktarma)

FF: 0.00000000001 (sınırsız)

Chrome: 0.000001

Safari: 0.000001

Opera: 0.00000000001 (sınırsız)

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

Böylece grafik arka plan rengini 'rgba (255,255,255,0.002)' olarak ayarlayabilirsiniz ve en önemli tarayıcılarda çalışır.

— nessa.gp
kaynak

2

backgroundColor: 'transparent' ayrıca tip güvenliğine ihtiyacınız varsa çalışıyor.

— Attila Csányi
kaynak

0

Highcharts.js dosyasına erişebiliyorsanız backgroundColor satırına gidin (yaklaşık 479) ve backgroundColor:"rgba(255, 255, 255, 0)". Grafiklerin tüm arka planlarını şeffaf hale getirecek

— GrooveNow
kaynak

1

Ve sonra kitaplığı her güncellediğinizde bunu yapmanız gerekecek.

— guioconnor

-2

Yazman gerekebilir

filter:0 !important;

css'inizde.

— Sandeep
kaynak

-2

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

— Pankaj Upadhyay
kaynak

1

Bu kod parçacığı soruyu çözebilirken, bir açıklama eklemek, yayınınızın kalitesini artırmaya gerçekten yardımcı olur. Gelecekte okuyucular için soruyu yanıtlayacağınızı ve bu kişilerin kod önerinizin nedenlerini bilmeyebileceklerini unutmayın.

— Clijsters