it-swarm.com.ru

Опция чарта 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 есть идеи, почему?

76
Nikshep

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

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

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

backgroundColor: null

Смотрите на: jsfiddle

129
Bhesh Gurung

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

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

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

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

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

8
nessa.gp

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

2
Attila Csányi
backgroundColor:'rgba(255, 255, 255, 0.0)',
0
Pankaj Upadhyay

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

0
GrooveNow