数据可视化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/196672.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> </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/274?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/零售封面202406141755136444.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/154?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/企业微信截图_16618447416140202208301532453178.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/236?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/5202402221526056908.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/131?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/制造202303131623065459.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/310?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/制造封面202406170205464905.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/326?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/全栈式数据应用发展历程202407021647119049.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/315?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/零售封面202408271116449184.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/307?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/制造封面20240617020045376.png')"> </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/183105" target="_blank">这6套财务分析模板,够你应对2025一整年的财务分析场景!</a></li> <li><a class="news-link" href="https://www.fanruan.com/bw/doc/183103" target="_blank">开年惊喜!20个营销数据分析模型来啦!</a></li> <li><a class="news-link" href="https://www.fanruan.com/bw/doc/183094" target="_blank">年终总结不会做?这7套数据大屏模板来帮你!</a></li> <li><a class="news-link" href="https://www.fanruan.com/bw/doc/183064" target="_blank">帆软财务专场:如何利用FineBI构建成本管理与本量利分析模型</a></li> <li><a class="news-link" href="https://www.fanruan.com/bw/doc/183058" 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>