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

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

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

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

ОТВЕТЫ

Ответ 1

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

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

Ответ 2

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

backgroundColor: null

См. on: jsfiddle

Ответ 3

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

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

  • IE6: 0.002
  • IE7: 0.002
  • IE8: 0.002
  • IE9: 0.00000000001 (без ограничений)
  • IE10: 0.0001 (только экспорт)
  • FF: 0.00000000001 (без ограничений)
  • Chrome: 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)", и он запускается в самых важных браузерах.

Ответ 4

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

Ответ 5

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

filter:0 !important;

в вашем css.