Параметр диаграммы Highcharts backgroundColor: «прозрачный» отображается черным цветом в IE 8

Highchartsопция диаграммы backgroundColor:'transparent'отображается черным цветомIE 8

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

Это отлично работает I.E 9и на других, но не работает в IE 8 и Safari. Кто-нибудь знает, почему?

Попробуйте это решение:

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

Вы можете попробовать это -

backgroundColor: null

Смотрите дальше: jsfiddle

Я нашел это в источниках Highcharts:

Минимально возможные эмпирические значения непрозрачности для TRACKER_FILL

• IE6: 0,002
• IE7: 0,002
• IE8: 0,002
• IE9: 0.00000000001 (без ограничений)
• IE10: 0,0001 (только экспорт)
• FF: 0.00000000001 (без ограничений)
• Хром: 0,000001
• Safari: 0,000001
• Opera: 0.00000000001 (без ограничений)

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

Таким образом, вы можете установить цвет фона диаграммы на «rgba (255,255,255,0.002)», и он будет работать в наиболее важных браузерах.

backgroundColor: 'transparent' также работает, если вам нужна безопасность типов.

Если вы можете получить доступ к файлу highcharts.js, перейдите к строке backgroundColor (около 479) и измените строку, например backgroundColor:"rgba(255, 255, 255, 0)". Все фоны графиков станут прозрачными.

Может быть тебе придется написать

filter:0 !important;

в вашем css.

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