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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Highcharts图表选项backgroundColor:'透明'在IE 8上显示黑色相关的知识,希望对你有一定的参考价值。

qazxsw poi图表选项qazxsw poi在qazxsw poi上显示黑色

Highcharts

这在backgroundColor:'transparent'和其他人的工作正常,但在I.E 8和Safari的任何人都知道为什么?

答案

尝试此解决方案:

IE 8
另一答案

你能试试吗 -

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

见:I.E 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)”,并在最重要的浏览器中运行。

另一答案

如果您需要类型安全,histogram = new Highcharts.Chart({ chart: { renderTo: 'histogram', defaultSeriesType: 'bar', backgroundColor:'rgba(255, 255, 255, 0.0)' } 也会工作。

另一答案

如果你可以访问highcharts.js文件,请转到backgroundColor行(大约479)并更改像backgroundColor: null 这样的行。它会将图表的所有背景更改为透明

另一答案
jsfiddle
另一答案

可能你要写

backgroundColor: 'transparent'

在你的CSS。

以上是关于Highcharts图表选项backgroundColor:'透明'在IE 8上显示黑色的主要内容,如果未能解决你的问题,请参考以下文章

Highcharts选项配置详细说明文档

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

Highcharts - 关于完整图表宽度的问题

使用highcharts切换警报可见性

Highcharts - redraw() 与新的 Highcharts.chart

在数组问题中存储 Highcharts