Опция чарта Highcharts backgroundColor: «прозрачный», отображающий черный цвет в IE 8

Question

Highcharts опция диаграммы backgroundColor:'transparent', показывающая черный цвет на IE 8

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

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

Answer 1

Можете ли вы попробовать это -

backgroundColor: null

См. На: jsfiddle

Answer 2

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

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

Answer 3

Я нашел это в источниках 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
• Опера: 0,00000000001 (без ограничений)

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

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

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

filter:0 !important;

в вашем CSS