数据可视化Web报表工具

FineReport报表软件系统,零编码制作报表,可视化拖拽设计,轻松应对企业销售报表、财务报表、人事报表等中国式复杂报表。仅需1分钟,即可获得233个行业的案例和模板!

html报表 相关文章 更新时间: 2022-12-19

换一换

html报表 相关文档

换一换

在报表中调用自定义JS方法

html 中,通过 iframe 嵌入了一张 report 报表及 page2.html 页面,在 page1 中定义了方法 fun1。<html> page1</</p> </div> <div class="box-footer"> <span class="source">来自:帮助文档</span> <span class="more">查看更多<img src="https://www.fanruan.com/images/arrow-right.png" alt=""></span> </div> </a> </div> <div class="col-md-6 col-xs-12 exchange-box" data-id="1"> <a class="box" href="https://help.fanruan.com/finereport/doc-view-4509.html" target="_blank" rel="nofollow"> <div class="box-header"> <h3 class="box-title">HTML5访问移动端</h3> </div> <div class="box-content"> <p>1. 概述帮助用户快速找到移动端 <span class='highlight'>HTML</span>5 相关的学习资料。2. 索引功能文档链接使用 <span class='highlight'>HTML</span>5 访问移动端工程/模板<span class='highlight'>HTML</span>5 端访问<span class='highlight'>报表</span>/工程设置 <span class='highlight'>HTML</span>5 移动端展现的界面样式、功能H5</p> </div> <div class="box-footer"> <span class="source">来自:帮助文档</span> <span class="more">查看更多<img src="https://www.fanruan.com/images/arrow-right.png" alt=""></span> </div> </a> </div> </div> </div> </section> <section id="productSection"> <div class="section-content"> <div class="row"> <div class="col-md-4 col-xs-12"> <div class="box"> <div class="box-header" style="background-image: url('https://www.fanruan.com/images/sw-fr-bg.png')"> <h4 class="box-sub-title">企业级Web报表工具</h4> <h3 class="box-title">FineReport</h3> </div> <div class="box-content"> <h4 class="item-title">典型功能</h4> <div class="item-tags"> <span class="item-tag">复杂报表</span> <span class="item-tag">参数查询</span> <span class="item-tag">数据填报</span> <span class="item-tag">定时调度</span> <span class="item-tag">打印输出</span> <span class="item-tag">管理驾驶仓</span> </div> <a href="https://www.fanruan.com/finereport?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=chanpin" class="btn btn-block act-btn" target="_blank">免费试用</a> </div> </div> </div> <div class="col-md-4 col-xs-12"> <div class="box"> <div class="box-header" style="background-image: url('https://www.fanruan.com/images/sw-bi-bg.png')"> <h4 class="box-sub-title">自助式数据分析</h4> <h3 class="box-title">FineBI</h3> </div> <div class="box-content"> <h4 class="item-title">典型功能</h4> <div class="item-tags"> <span class="item-tag">职能报表</span> <span class="item-tag">业务数据包</span> <span class="item-tag">自助数据集</span> <span class="item-tag">Spider大数据引擎</span> <span class="item-tag">OLAP分析</span> <span class="item-tag">故事仪表板</span> </div> <a href="https://www.fanruan.com/finebi?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=chanpin" class="btn btn-block act-btn" target="_blank">免费试用</a> </div> </div> </div> <div class="col-md-4 col-xs-12"> <div class="box"> <div class="box-header" style="background-image: url('https://www.fanruan.com/images/sw-fm-bg.png')"> <h4 class="box-sub-title">大屏数据可视化</h4> <h3 class="box-title">数据大屏</h3> </div> <div class="box-content"> <h4 class="item-title">典型功能</h4> <div class="item-tags"> <span class="item-tag">投资管理系统</span> <span class="item-tag">银行数据大屏</span> <span class="item-tag">工程作战指挥室</span> <span class="item-tag">项目管理驾驶舱</span> <span class="item-tag">可视化数据决策</span> </div> <a href="https://www.fanruan.com/finemax?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=chanpin" class="btn btn-block act-btn" target="_blank">免费试用</a> </div> </div> </div> </div> </div> </section> <section id="forumSection"> <div class="section-header default-header"> <h2 class="section-title"><span class="highlight"></span> 相关问答</h2> <a href="https://bbs.fanruan.com/wenda" target="_blank">更多<img src="https://www.fanruan.com/images/chevron-right.png" width="30" height="30"></a> </div> <div class="section-content"> <div class="row"> <div class="col-md-12"> <a class="box" href="https://bbs.fanruan.com/wenda/question/6913.html" target="_blank" rel="nofollow"> <div class="box-left"> <img src="https://www.fanruan.com/images/help-circle.png"> </div> <div class="box-right"> <p>html页面怎么访问本地报表</p> </div> </a> </div> <div class="col-md-12"> <a class="box" href="https://bbs.fanruan.com/wenda/question/108005.html" target="_blank" rel="nofollow"> <div class="box-left"> <img src="https://www.fanruan.com/images/help-circle.png"> </div> <div class="box-right"> <p>决策报表制作完成后如何导出成HTML格式</p> </div> </a> </div> <div class="col-md-12"> <a class="box" href="https://bbs.fanruan.com/wenda/question/44349.html" target="_blank" rel="nofollow"> <div class="box-left"> <img src="https://www.fanruan.com/images/help-circle.png"> </div> <div class="box-right"> <p>可以生成.html或者.jsp格式的报表文件吗</p> </div> </a> </div> <div class="col-md-12"> <a class="box" href="https://bbs.fanruan.com/wenda/question/76671.html" target="_blank" rel="nofollow"> <div class="box-left"> <img src="https://www.fanruan.com/images/help-circle.png"> </div> <div class="box-right"> <p>报表通过js对话框打开一个html页面,如何把html页面中的某个值,内容传给父报表中</p> </div> </a> </div> </div> </div> </section> <section id="resourceSection"> <div class="section-header default-header"> <h2 class="section-title">免费资源</h2> <a href="https://www.fanruan.com/resource/" target="_blank">更多<img src="https://www.fanruan.com/images/chevron-right.png" width="30" height="30"></a> </div> <div class="section-content"> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <a class="box gtm-resource" href="https://www.fanruan.com/resource/181?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=resource" target="_blank" rel="nofollow"> <div class="box-header"> <div class="box-banner" style="background-image: url('https://src.fanruan.com/source/国资专刊202303141026107878.png')"> </div> </div> <div class="box-content"> <h4>《国资报告》帆软专刊</h4> </div> </a> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <a class="box gtm-resource" href="https://www.fanruan.com/resource/221?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=resource" target="_blank" rel="nofollow"> <div class="box-header"> <div class="box-banner" style="background-image: url('https://src.fanruan.com/source/3 数据集成.2202309180928457643.jpg')"> </div> </div> <div class="box-content"> <h4>帆软「数据集成」数字化实践精华</h4> </div> </a> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <a class="box gtm-resource" href="https://www.fanruan.com/resource/166?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=resource" target="_blank" rel="nofollow"> <div class="box-header"> <div class="box-banner" style="background-image: url('https://src.fanruan.com/source/企业微信截图_1661847794210620220830162434688.png')"> </div> </div> <div class="box-content"> <h4>帆软文旅地产经营分析平台方案</h4> </div> </a> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <a class="box gtm-resource" href="https://www.fanruan.com/resource/66?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=resource" target="_blank" rel="nofollow"> <div class="box-header"> <div class="box-banner" style="background-image: url('https://src.fanruan.com/source/海报-作者-喻旭20220429120801820.jpg')"> </div> </div> <div class="box-content"> <h4>如何落地新零售?</h4> </div> </a> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <a class="box gtm-resource" href="https://www.fanruan.com/resource/167?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=resource" target="_blank" rel="nofollow"> <div class="box-header"> <div class="box-banner" style="background-image: url('https://src.fanruan.com/source/企业微信截图_166184793254202208301627099464.png')"> </div> </div> <div class="box-content"> <h4>酒店行业解决方案</h4> </div> </a> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <a class="box gtm-resource" href="https://www.fanruan.com/resource/215?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=resource" target="_blank" rel="nofollow"> <div class="box-header"> <div class="box-banner" style="background-image: url('https://src.fanruan.com/source/企业微信20230913-100729@2x202309131007509035.png')"> </div> </div> <div class="box-content"> <h4>帆软X喜乐君 | 用交互可视化,讲有“灵魂”的数据故事</h4> </div> </a> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <a class="box gtm-resource" href="https://www.fanruan.com/resource/249?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=resource" target="_blank" rel="nofollow"> <div class="box-header"> <div class="box-banner" style="background-image: url('https://src.fanruan.com/source/案例集图片202404100942317397.jpg')"> </div> </div> <div class="box-content"> <h4>帆软制造行业案例集</h4> </div> </a> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <a class="box gtm-resource" href="https://www.fanruan.com/resource/175?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=resource" target="_blank" rel="nofollow"> <div class="box-header"> <div class="box-banner" style="background-image: url('https://src.fanruan.com/source/零代码应用开发202304191153249380.png')"> </div> </div> <div class="box-content"> <h4>《企业零代码应用开发白皮书》</h4> </div> </a> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <a class="box gtm-resource" href="https://www.fanruan.com/resource/216?utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=resource" target="_blank" rel="nofollow"> <div class="box-header"> <div class="box-banner" style="background-image: url('https://src.fanruan.com/source/资源站202309141711455634.jpg')"> </div> </div> <div class="box-content"> <h4>帆软「智能制造」数字化实践精华</h4> </div> </a> </div> </div> </div> </section> <section id="topicSection"> <div class="section-header default-header"> <h2 class="section-title">更多专题</h2> </div> <div class="section-content"> <div class="row"> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7Q" title="excel下拉联动"> excel下拉联动 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7P" title="excel数据透视表汇总"> excel数据透视表汇总 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7O" title="excel频率分布图"> excel频率分布图 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7N" title="excel表格添加"> excel表格添加 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7M" title="excel表格处理"> excel表格处理 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7L" title="excel按时间做折线图"> excel按时间做折线图 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7K" title="自定义大屏"> 自定义大屏 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7J" title="销售记账表格模板"> 销售记账表格模板 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7I" title="数据展示页面"> 数据展示页面 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7H" title="数据可视化的好处"> 数据可视化的好处 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7G" title="数据驾驶舱系统设计"> 数据驾驶舱系统设计 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7F" title="数据分析的基本方法"> 数据分析的基本方法 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7E" title="市政工程成本分析表"> 市政工程成本分析表 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7D" title="客户联系表格怎么做"> 客户联系表格怎么做 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7C" title="固定资产台账表格模板"> 固定资产台账表格模板 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7B" title="地图热力图怎么做"> 地图热力图怎么做 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7A" title="地理可视化"> 地理可视化 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7z" title="仓库数据分析"> 仓库数据分析 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7y" title="自动化表格"> 自动化表格 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7x" title="图表绘制软件"> 图表绘制软件 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7w" title="可视化图表设计"> 可视化图表设计 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7v" title="几个表格的数据汇总到一个表"> 几个表格的数据汇总到一个表 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7u" title="powerbi组合图表"> powerbi组合图表 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7t" title="excel怎么做数据图"> excel怎么做数据图 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7s" title="项目管理报表"> 项目管理报表 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7r" title="数据趋势图"> 数据趋势图 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7q" title="如何自动生成表格"> 如何自动生成表格 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7p" title="年度财务报表表格"> 年度财务报表表格 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7o" title="免费数据分析软件"> 免费数据分析软件 </a> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <a class="topic-link" href="https://www.fanruan.com/sw/oN5k-1J1gkjIgM7n" title="进货出货记账表格"> 进货出货记账表格 </a> </div> </div> </div> </section> </div> <div class="col-md-3 col-xs-12"> <section id="newsSection" class="hidden-xs"> <div class="section-content"> <div class="row"> <div class="col-md-12"> <div class="box"> <div class="box-header"> <h3 class="box-title">最新文章</h3> </div> <div class="box-content"> <ul> <li><a class="news-link" href="https://www.fanruan.com/bw/doc/175671" target="_blank">如何制定数据治理策略?做好这7点就够了!</a></li> <li><a class="news-link" href="https://www.fanruan.com/bw/doc/175648" target="_blank">什么是元数据管理?企业进行元数据管理可以满足什么目的?</a></li> <li><a class="news-link" href="https://www.fanruan.com/bw/doc/175636" target="_blank">数据治理的七大核心技术!全面了解数据治理必读篇!</a></li> <li><a class="news-link" href="https://www.fanruan.com/bw/doc/175610" target="_blank">企业数据治理过程有哪些挑战?该如何克服?</a></li> <li><a class="news-link" href="https://www.fanruan.com/bw/doc/175605" target="_blank">企业数据治理体系的顶层设计:从战术层面指导企业数据治理开展!</a></li> </ul> </div> </div> </div> </div> </div> </section> <section id="productSection2" class="hidden-xs"> <div class="section-content"> <div class="row"> <div class="col-md-12"> <div class="box"> <div class="box-content"> <a class="product-link" href="https://www.fanruan.com/actionform?action=active-fr&utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=gif" target="_blank"> <img class="img-responsive center-block" src="https://www.finebi.com/images/finebiad.gif"> </a> <a class="ga-sw ga-sw-ads btn btn-block act-btn" href="https://www.fanruan.com/actionform?action=active-fr&utm_source=seo&utm_medium=seo&utm_campaign=sw&utm_term=gif" target="_blank">免费试用</a> <p> 仅需1分钟,即可体验热门的大数据BI工具,现在还可获得233个行业的案例和模板 </p> </div> </div> </div> </div> </div> </section> <section id="topicSection2"> <div class="section-content"> <div class="row"> <div class="col-md-12"> <div class="box"> <div class="box-header"> <h3 class="box-title">相关主题</h3> </div> <div class="box-content"> <a class="topic-link" href="https://www.fanruan.com/sw/oNlbUNJ1gkjIgM7R" target="_blank" title="html报表">html报表</a> <a class="topic-link" href="https://www.fanruan.com/sw/oMWL3hJ1gkjIgM4x" target="_blank" title="html报表模板">html报表模板</a> <a class="topic-link" href="https://www.fanruan.com/sw/oS6YMxJ1gkjIgMv0" target="_blank" title="html列表">html列表</a> <a class="topic-link" href="https://www.fanruan.com/sw/oGAI85gu_k6mPs1J" target="_blank" title="html图表">html图表</a> <a class="topic-link" href="https://www.fanruan.com/sw/oR7I3hJ1gkjIgMri" target="_blank" title="表格html">表格html</a> <a class="topic-link" href="https://www.fanruan.com/sw/oLCoONJ1gkjIgLSn" target="_blank" title="html制作表格">html制作表格</a> <a class="topic-link" href="https://www.fanruan.com/sw/oNqqmhJ1gkjIgM90" target="_blank" title="html中表格">html中表格</a> <a class="topic-link" href="https://www.fanruan.com/sw/oLMZ_xJ1gkjIgLUq" target="_blank" title="html表格布局">html表格布局</a> <a class="topic-link" href="https://www.fanruan.com/sw/oRIDZNJ1gkjIgMtS" target="_blank" title="html表格制作">html表格制作</a> <a class="topic-link" href="https://www.fanruan.com/sw/oL6O91J1gkjIgLNm" target="_blank" title="html表格模板">html表格模板</a> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> <script src="https://www.fanruan.com/include/js/jquery.min.js"></script> <script src="https://www.fanruan.com/include/js/bootstrap.min.js"></script> <script type='text/javascript' src='//www.fanruan.com/include/js/tracker.js' id='tracker-js'></script> <script> $(function () { $(".dropdown").hover( function () { $('.dropdown-menu', this).stop().fadeIn("fast"); }, function () { $('.dropdown-menu', this).stop().fadeOut("fast"); }); $(".exchange-btn").on('click', function () { var next = $(this).data('next'); if (next == null) next = 1; var sections = $(this).parents('section'); window.console.log("sections",sections); if (sections.length > 0) { var nextOnes = sections.first().find('.exchange-box[data-id="' + next + '"]'); if (nextOnes.length === 0) { next = 0; nextOnes = sections.first().find('.exchange-box[data-id="' + 0 + '"]'); } next += 1; $(this).data('next', next); sections.first().find('.exchange-box').hide(); nextOnes.show(); } }); }); if($('.doc-container .row').children('div').length <= 2) { $('.doc-btn').hide(); } if($('.article-container .row').children('div').length <= 6) { $('.article-btn').hide(); } </script> </body> </html>