目前在做HTML5,报表控件暂时选为HighCharts(图形界面比较好),不知道有没有比这更好的报表控件?

html-css017

目前在做HTML5,报表控件暂时选为HighCharts(图形界面比较好),不知道有没有比这更好的报表控件?,第1张

嗯,报表控件与图表控件还是不一样的。

但是你以加了个“图形界面比较好”,比较费解。我估计你的意思还是图表控件。

然后你也没有讲明白有啥条件限制,我估计你是JavaScript 图表插件,好吧。

好的插件有很多。以下有10个非常酷的JavaScript图表库,有简单的也有复杂的,以满足不同的需求。

个人还是很推荐highcharts的,RGraph很炫,

1. Cubism.js

一个基于D3.js的插件,可以实时显示时间序列。D3.js是一个针对HTML和SVG的JavaScript可视化库。

2. RGraph

一个HTML5 JavaScript图表库,支持20多种不同类型的图表。

3. Cytoscape Web

一个开源的图形可视化库,基于jQuery编写。

4. sigma.js

一个开源的轻量级JavaScript库,使用HTML canvas元素来绘制图形。

5. Morris.js

一个小巧的、效果漂亮的JavaScript库,用于可视化时间序列数据。

6. Timeplot

基于DHTML的AJAX部件,用于绘制时间序列,并在上面叠加基于时间的事件。

7. Dracula

一套用于显示和设计交互式图表的工具,包含了各种不同的算法。无需Flash、Java和其他插件。

8. gRaphael

一个开源的JavaScript图表库,基于Raphael(拉斐尔)JavaScript库。

9. gvChart

一个jQuery插件,使用谷歌的Charts API以及HTML <table>标记中的数据,来创建交互式、可视化的图表。

10. jQuery Highcharts Table

简易,漂亮,该插件可以将HTML表格中的数据自动转换成图表,也可以抓取excel,连数据库也没有问题。

 1、将网页表格数据导入到Excel中的第一种方法:第一步,将包括所需表格的网页打开,并按CTRL+C把网址复制到剪贴板,以备下一步使用。第二步,打开运行Excel软件,单击菜单栏中的“数据→导入外部数据→新建Web查询”,打开“新建Web查询”对话框,将含有表格数据的网页的网址粘贴(或输入)到“新建Web查询”对话框的文本框里,单击“转到”按钮,则该页面就会出现在对话框中,单击表格左上方的小箭头图标,使其转换为“对勾”状将表格选中,接着单击“导入”按钮,并在随后弹出的“导入数据”对话框中选择表格数据的放置位置,最后单击“确定”按钮,即可将表格数据导入到Excel工作表中。2、将网页表格数据导入到Excel中的第二种方法:如果是经常需要将网页上的一些表格导入Excel中进行保存,可以使用HTML Table Extractor这款IE插件来帮助。

使用table2excel表格插件需要在页面中引入jquery和jquery.table2excel.js文件。

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.table2excel.js"></script>

HTML结构

你可以将任何标准的HTML表格结构的数据导出到Excel中,一个HTML表格的结构为:

<table>

<thead>

<tr class="noExl">

<td>带<code>noExl</code>class的行不会被输出到excel中</td>

<td>带<code>noExl</code>class的行不会被输出到excel中</td>

</tr>

<tr>

<td>这一行会被导出到excel中</td>

<td>这一行会被导出到excel中</td>

</tr>

</thead>

<tbody>

<tr>

<td>单元格1-1</td>

<td>单元格1-2</td>

</tr>

<tr>

<td>单元格2-1</td>

<td>单元格2-2</td>

</tr>

<tr>

<td>单元格3-1</td>

<td>单元格3-2</td>

</tr>

</tbody>

<tfoot>

<tr>

<td colspan="2">合并2个单元格</td>

</tr>

</tfoot>

</table>

如果表格中的某一行不需要导出到Excel中,可以为这一行添加.noExl class类,该class类会在插件初始化时通过参数被指定为不被导出的数据。

初始化插件

在页面DOM元素加载中完毕之后,可以通过下面的方法来初始化table2excel插件。

$("#table2excel").table2excel({

// 不被导出的表格行的CSS class类

exclude: ".noExl",

// 导出的Excel文档的名称

name: "Excel Document Name",

// Excel文件的名称

filename: "myExcelTable"

})

配置参数

table2excel插件的可用配置参数有:

exclude:不被导出的表格行的CSS class类。

name:导出的Excel文档的名称。

filename:Excel文件的名称。

exclude_img:是否导出图片。

exclude_links:是否导出超链接

exclude_inputs:是否导出输入框中的内容。