Highcharts图表选项backgroundColor:“透明”,在IE 8上显示黑色

Highcharts图表选项backgroundColor:'transparent' ,在IE 8上显示黑色

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

这对IE 9和其他工作正常,但在IE 8和Safari上失败任何人有任何想法为什么?

试试这个解决scheme

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

你可以试试这个 –

 backgroundColor: null 

参见: jsfiddle

我在Highcharts来源find这个:

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
  • 歌剧:0.00000000001(无限制)

TRACKER_FILL ='rgba(192,192,192,'+(hasSVG?0.0001:0.002)+')'

所以你可以设置图表的背景颜色为'rgba(255,255,255,0.002)',它运行在最重要的浏览器中。

如果您可以访问highcharts.js文件,请转到backgroundColor行(大约479),然后像backgroundColor:"rgba(255, 255, 255, 0)"那样更改行。 它会将图表的所有背景变为透明

可能是你必须写

 filter:0 !important; 

在你的CSS。