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

b1zrtrql  于 2022-11-11  发布在  Highcharts
关注(0)|答案(8)|浏览(161)

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

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

这在I.E 9和其他设备上运行良好,但在iidee 8和Safari上失败,有人知道为什么吗?

bnl4lu3b

bnl4lu3b1#

你能试试这个吗-

backgroundColor: null

请参见:jsfiddle

wvyml7n5

wvyml7n52#

请尝试以下解决方案:

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

3wabscal3#

我发现这在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.0000000001(无限制)

如果您有一个SVG文件,请使用以下命令:0.002)+ ')'
因此,您可以将图表背景颜色设置为“rgba(255,255,255,0.002)”,这样它就可以在最重要的浏览器中运行。

iqjalb3h

iqjalb3h4#

backgroundColor: 'transparent'在需要类型安全时也可以使用。

cwtwac6a

cwtwac6a5#

您应该使用以下命令:

.highcharts-background {
   fill: transparent;
}

Documentation
完整示例:
第一个

3qpi33ja

3qpi33ja6#

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

k0pti3hp

k0pti3hp7#

可能你得写

filter:0 !important;

在你的CSS里。

yhuiod9q

yhuiod9q8#

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

相关问题