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

Nik*_*hep 79 css cross-browser internet-explorer-8 highcharts

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

histogram = new Highcharts.Chart({
            chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
                     backgroundColor:'transparent'
            }
Run Code Online (Sandbox Code Playgroud)

这在I.E 9其他方面工作正常但在IE 8和Safari上失败任何人都知道为什么?

Bhe*_*ung 133

你能试试吗 -

backgroundColor: null
Run Code Online (Sandbox Code Playgroud)

见:jsfiddle

  • Mayuresh的答案是一个很好的选择,但这也很有效,看起来更干净. (7认同)
  • 完善!如果我只有10个upvotes给:)这肯定是正确的,优雅的,不是黑客的解决方案. (4认同)
  • 我同意; 这应该是最好的答案. (4认同)

May*_*esh 126

尝试此解决方案:

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

  • 这是一种解决方法.使用`backgroundColor:null`可以更好地工作. (26认同)
  • backgroundColor:'rgba(255,255,255,0.0)'将为您提供完全的透明度 (3认同)
  • Null不再适用于HighCharts 6.使用backgroundColor:'transparent'代替.(在所有现代浏览器和IE11 +上测试过). (2认同)

nes*_*.gp 9

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

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

因此,您可以将图表背景颜色设置为"rgba(255,255,255,0.002)",并在最重要的浏览器中运行.