[css] 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)',