ECharts和background-size的兼容性问题

1.ECharts兼容IE7而不兼容IE8

以前做项目的时候需要做一个统计功能并生成统计图的功能, 于是使用了百度的插件ECharts, 结果发现这个东西兼容IE7, 但是不兼容IE8, 统计图根本出不来, 解决方案很简单:

在为echarts对象加载数据的语句myChart.setOption(option); 中加入第二个参数true即可实现, 也就是改成myChart.setOption(option, true); 就可以了

2.background-size不支持IE8及以下

在项目中使用到了背景图片, 但又不可能针对所有分辨率都做一个图, 那样很耗费时间, 因此可以使用background-size: cover对图片进行拉伸, 但是background-size是CSS3的内容, 所以不支持IE8及以下的版本, 在网上搜索后总结出解决方案有两个:

(1)使用滤镜

1. background-image: url('file:///F:/test/images/flashbg.jpg');
2. background-size:
3. cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='file:///F:/test/images/flashbg.jpg',sizingMethod='scale')

把其中的src更换成自己项目中图片的地址即可, 但在本人的项目中试了之后没有任何效果, 于是我是采用了第二种方案

(2)使用插件

到该网站拷贝js文件https://github.com/louisremi/jquery.backgroundSize.js

然后在网页代码中的script标签内使用

1. $(elem).css( "background-size", "cover" );

将elem替换成你需要使用背景图片拉伸效果的元素就可以了.