报表嵌入在html中,IE9下,图表显示不出来

编辑
文档创建者:文档助手1 (67727 )     浏览次数:6127次     编辑次数:17次     最近更新:susie 于 2016-11-24     

目录:

1. 问题描述编辑

将一张含有图表的报表通过iframe的方式嵌入到html中,图表在ie9的quirks模式下显示不出来,其他浏览器比如说,firefox,google等浏览器下显示正常,如下图:
IE9的杂项(quirks)模式下:
其他浏览器下:

2. 解决思路编辑

由于ie9下面不同解析模式,图表展现不同,IE9下的杂项(quirks)模式不可以,ie9标准模式能正常展现,所以我们可以修改外层的html的说明来解决这个问题,指明默认采用ie9模式即可。

3. 解决方案编辑

将报表嵌入到html中的代码如下:详见web页面简单集成例子
完整代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <iframe id="total" width="800px" height="800px" src="/WebReport/ReportServer?reportlet=/doc/Primary/Chart/Chart.cpt" ></iframe> </body> </html>
3.1 方案一
修改doctype,在最上方的doctype说明中声明该html在ie9下打开的时候,打开模式默认为IE标准模式,代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <iframe id="total" width="800px" height="800px" src="/WebReport/ReportServer?reportlet=/doc/Primary/Chart/Chart.cpt" ></iframe> </body> </html>
3.2 方案二
增加一个meta标签,表明ie浏览器打开该html时,采用ie标准模式,代码如下:
<meta http-equiv="X-UA-Compatible" content="IE=9">
完整代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <meta http-equiv="X-UA-Compatible" content="IE=9"> <html> <body> <iframe id="total" width="800px" height="800px" src="/WebReport/ReportServer?reportlet=/doc/Primary/Chart/Chart.cpt" ></iframe> </body> </html>

4. 效果查看编辑

修改将修改之后的html放在%FineReport_HOME%\WebReport目录下,在IE9地址栏输入http://ip:端口号/WebReport/xxx.html,能可以看到图表已经显示出来,就说明上面的修改成功。如下图:

附件列表


主题: 部署集成
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?