但是你以加了个“图形界面比较好”,比较费解。我估计你的意思还是图表控件。
然后你也没有讲明白有啥条件限制,我估计你是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:是否导出输入框中的内容。