excel报表工具FineReport之图表显示不出来

 时间:2026-02-14 20:25:39

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

IE9的quirks模式下:

excel报表工具FineReport之图表显示不出来

excel报表工具FineReport之图表显示不出来

工具/原料

excel报表工具FineReport

解决思路

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

解决方案

方案一

修改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>  

方案二

增加一个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>  

效果查看

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

excel报表工具FineReport之图表显示不出来

  • el-tabs如何设置显示关闭图标
  • 解决Can't connect to MySQL server on XXX
  • excel如何获取随机数
  • Hutool中的额十六进制工具
  • 上证指数是什么意思,代表哪些参数呢?
  • 热门搜索
    睡莲种子怎么种 藏宝海湾怎么去 cf体验服怎么下载 如何取消电脑开机密码 奈何boss又如何免费观看全集 文竹叶子黄了怎么办 杭州旅游网 贵州省旅游攻略 路由器管理软件 性功能障碍怎么治疗