移动端html5报表，html5移动端模板

如何用FineReport开发html5图表

点击工具栏中的插入悬浮元素插入图表，弹出图表向导，选择图表类型如柱形图，如下图：注：插入图表和选择图表类型一般性是在一起完成的。

首先你要准备好数据，数据的来源可以是 数据集 数据源和单元格数据源，单元格数据源要求你已经做好模板。然后点击插入图表，有单元格图表与悬浮图表两种类型。接下来，你就可以根据图标向导来确定图表类型，确定数据的来源，标题，系列，值轴等等已经图标的样式，超链接 ，联动等等。最后预览就可以了。

context.stroke()；} /script script src=jquery.js/script /body /html 本示例的最终绘制效果如下：这样一个曲线图表就绘制出来的，其他的图表也可以用类似的方法进行绘制。这些都是有关于HTML5新特性的一些应用。给你推荐一个教程网站秒秒学，该网站上有关于HTML5新特性的讲解。

双击打开FineReport报表设计工具，新建一个数据库查询，使用S订单表产生查询SQL语句。打开新建的数据库查询，依次将需要字段拖到普通报表上，添加报表表头。设置完毕之后，保存文件并在浏览器中预览报表效果。返回到报表设计器，找到模板工具，选择移动端属性，打开界面。

相关问答

Q1: html5开发报表在安卓上交互怎么样?

fastreport就是用ASP.Net MVC在安卓上的报表啊，交互还不错啊，本来移动设备商的报表也不需要这么多交互。

html5有它的优点，可以跨平台使用，一次编码适配多种平台，但它的缺点是性能没办法和原生相比。2 、 从市场需求来说，一般公司又都会配备前端工程师，和移动工程师，是两个不同的岗位，有着自己的业务范围。

就目前来说，还是android原生的流畅度要好，毕竟是直接调用底层。html5这种调用需要用phone gap 之类的东西进行封装调用。现在html5应用已经在部分取代安卓原生应用。但并不是所有的应用都能用html5。未来就比较难说，看科技发展了。

总体上应该一样，技术体系都差不多。不过pc需要兼容的浏览器更多些，mobile下andorid，ios都是基于webkit，所以相对好些。移动前端开发可分为：手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。

Q2: finereport移动端按钮跳转frm类报表

在参数界面使用，在点击参数设计面板时，会默认生成一个参数提交按钮--查询，用于提交参数值，执行查询。树节点按钮 树节点按钮是用来制作树形展开的折叠报表。使用此按钮时，点击分页预览后，要在浏览器的url后加&op=view，此按钮控制附属于该组的内容展开与折叠。

效果图中，报表块里面要显示订单明细数据，根据订单ID进行过滤，新建数据集ds2：select * from 订单明细 where 订单ID=${orderid}，orderid默认值为1000表样设计 如下图所示，设计表样：到此为止，表单就已经制作好了。

方法如下：在网页框中找到普通报表所在的位置，使用开发者工具（右键点击网页框，选择检查或审查元素）来查看网页框的HTML结构。分析HTML结构，找到包含报表数据的HTML元素或标记，并了解其属性或CSS类，使用编程语言、爬虫工具或浏览器插件方法，根据分析的HTML结构和相关属性，提取报表数据。

使用3张模板来实现：参数模板、子模板子报表模板2。参数界面单独制作一张模板，使用下拉框控件选择要查看的报表，点击查询时触发点击事件，跳转到对应报表，并将其余参数也传递给报表。js中使用 window.location = url；来实现当前页面的刷新。

Q3: 使用html5开发移动端应用采用什么框架?

IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。

可利用成熟javascript框架。如：Ext js、jQuery。缺点：性能差。运行速度慢，UI反应延时。不能完全跨平台。不同平台代码需要微调。内存消耗，调试难度大。

ionic框架Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

Q4: HTML5实现移动端自适应的几种方法介绍

第一种，伪“感应式”设计：（HTML5模板类方案）上图是HTML5模板类测试结果，依次是iPhoneiPhoneiPhone6 可以看出iPhone4时，变形最严重，iPhone5效果最好，iPhone6是等比例缩放后，两侧边缘，有些像素显示不了。

在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

支持csshtml5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签。 不支持csshtml5的脑残浏览器特别是=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了。

Q5: 有什么html5图表效果比较好的图表工具么?

在数据可视化的世界中，AnyChart以卓越的图表和地图展现令人惊叹的创新实力。这款基于HTML5的JavaScript图表控件不仅在跨浏览器和平台的交互体验上独树一帜，还深受业界巨头青睐，被广泛应用于仪表盘、报表分析、金融决策等多个领域。

可以用FineReport。FineReport的图表就是html5图表技术实现的，图表功能比较强大，参数传递灵活，且有移动版，最关键的是，完全符合楼主的开发量少的要求！刚刚特地去官网确认了一下，FineReport的基本理念就是零代码。

生成的图表看起来挺不错，虽然是可下载的，但图表都是静态图像。Highcharts似乎是最好的选择。图表看上去令人惊艳，又是动画的，并且有很多自定义选项，但同时，它也是非常复杂的，而且需要大量的JavaScript知识。 Highcharts既不是专为PHP设计的，用于商务也不是免费的。

这个工具可在网站上创建美观的图表，它基于Raphael图形库，可以查看静态图表和互动图表的演示。 Flotr2 一个独立框架库，可以绘制HTML5的图表图形，实际上是flotr的一个分支，功能更完善。可生成线形图、条形图、烛形图、饼形图和气泡图，还支持旧的浏览器（如IE 6）和移动平台。

FineReport既可使用帆软自主研发的Html5图表，也可接入Echarts等第三方控件来制作图表。大屏用户能接收到更酷炫的图表效果。实时编辑的时候，图表和数据是自动刷新的。是一个比较高性能的图表控件，主要在.NET和Web上使用。听说，速度是最快的，在国外应用的比较多，数据可视化做的还算不错。

Flotr2 独立框架库，支持HTML5图表和图形。它是 flotr 的一个分支版本，移除了 Prototype 依赖性，并且有很多改进。支持：线图、条图、蜡状图、饼图、气泡图。诸如 IE6 类的老浏览器也支持。 Rickshaw 用于创建交互式时序图的JS工具。

移动端html5报表的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5移动端模板、移动端html5报表的信息别忘了在本站进行查找喔。