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


81

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

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

这在I.E 9其他平台上都可以正常运行,但在IE 8和Safari上无法运行,任何人都不知道为什么?

Answers:


128

试试这个解决方案:

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

不是完全透明的。盒子清晰可见。nessa.gp的答案对我有用。
Adrian Bartholomew

26
这是一种解决方法。与搭配使用效果更好backgroundColor:null
ViniciusPires 2014年

谢谢您的帮助:)
russellhoff 2015年

3
的backgroundColor: 'RGBA(255,255,255,0.0)',则可以完全透明

2
Null在HighCharts 6中不再起作用。请使用backgroundColor:'transparent'代替。(在所有现代浏览器和IE11 +上测试)。
Stevethemacguy

132

你可以试试这个吗?

backgroundColor: null

参见:jsfiddle


7
Mayuresh的回答是一个很好的选择,但是它也可以工作并且看起来更干净。
Capy 2012年

4
完善!如果我只有10个赞成票:)当然,这是正确,优雅,绝不可行的解决方案。
加藤

4
我同意; 这可能是最佳答案。
Geoff

现在,Highcharts已将链接到的.js文件移至您的小提琴中。如别处所述,null不会总是起作用。nessa.gp的答案为每种浏览器提供了最佳案例值,这是Highcharts自己发现的。
Colt McCormack 2014年

它还可以修复黑色背景的whkhtmltopdf问题。
Rostyslav Diachok

9

我在Highcharts来源中找到了这个:

TRACKER_FILL的经验最低混浊度

  • IE6:0.002
  • IE7:0.002
  • IE8:0.002
  • IE9:0.00000000001(无限)
  • IE10:0.0001(仅导出)
  • FF:0.00000000001(无限)
  • 铬:0.000001
  • 的Safari:0.000001
  • 歌剧:0.00000000001(无限)

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

因此,您可以将图表背景色设置为“ rgba(255,255,255,0.002)”,它可以在最重要的浏览器中运行。



0

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


1
然后,您每次更新库时都必须这样做。
guioconnor

-2

也许你必须写

filter:0 !important;

在你的CSS。


-2
backgroundColor:'rgba(255, 255, 255, 0.0)',

1
尽管此代码段可以解决问题,但提供说明确实有助于提高您的帖子质量。请记住,您将来会为读者回答这个问题,而这些人可能不知道您提出代码建议的原因。
Clijsters
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.