Highcharts 차트 옵션 backgroundColor : 'transparent'IE 8에서 검은 색 표시

HighchartsbackgroundColor:'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
• 사파리 : 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)',