Question

Highcharts图表选项backgroundColor:'transparent'在IE 8

上显示黑色

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

这在I.E 9和其他人上运行正常但在I.E 8上失败并且Safari有人知道为什么？

Answer 1

你可以尝试一下 -

backgroundColor: null

请参阅：jsfiddle

Answer 2

试试这个解决方案：

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

Answer 3

我在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

Opera：0.00000000001（无限制）


TRACKER_FILL ='rgba（192,192,192，'+（hasSVG？0.0001：0.002）+'）'

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

Answer 4

如果您需要类型安全，

backgroundColor: 'transparent'也可以正常工作。

Answer 5

如果您可以访问highcharts.js文件，请转到backgroundColor行（约479）并更改backgroundColor:"rgba(255, 255, 255, 0)"之类的行。它会将图表的所有背景更改为透明

Answer 6

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

Answer 7

可能你必须写

filter:0 !important;

在你的CSS中。

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

7 个答案: