echarts图表在ie8不显示,ie9显示,怎么解决这个问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts图表在ie8不显示,ie9显示,怎么解决这个问题相关的知识,希望对你有一定的参考价值。

参考技术A 可以设置4个DIV容器,用CSS排列好。如果是在一个DIV窗口里显示4个饼,需要设置好它们各自的中心点位置,OPTION参数里有。 参考技术B 1 画一个最粗糙的图表官方推荐使用模块化单文件引入,我不知道模块化,所以采用了标签式单文件引入。 [html] view plain copy print? echarts测试echarts图表在ie8不显示,ie9显示,怎么解决这个问题

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。

以上是关于echarts图表在ie8不显示,ie9显示,怎么解决这个问题的主要内容,如果未能解决你的问题,请参考以下文章

如何解决swiper3无法在ie9中运行的bug

echarts折线图图表怎么显示平均值

兼容模式下ie9和ie10显示样式在不兼容模式下为啥不加载css样式?

VUE做图表的时候,加到DIV图就显示不出去是怎么回事?

百度echart在ie下图表不显示的问题

在echarts图表外调用echarts的下载功能以及echarts getdataurl图表数据不显示的问题的解决方案