但是你以加了个“图形界面比较好”,比较费解。我估计你的意思还是图表控件。
然后你也没有讲明白有啥条件限制,我估计你是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,连数据库也没有问题。
chart.js是一款基于HTML5 Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图、折线图、饼状图,而且还提供了环形图、雷达图,样式外观多样,图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初始化的时候有d性动画特效,这也是HTML5 Canvas的一大功劳。第一步,新建静态页面line.html,引入HighCharts核心js文件
第二步,插入折线图容器,设置折线图宽度和高度
第三步,编写生成HighCharts折线图的js代码
第四步,预览该静态页面,查看折线图效果
第五步,添加如下代码
line:{dataLabels:{
enabled:true
}
}
第六步,再次预览该界面,可以看到图形上点数据显示出来了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)