博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
18个基于 HTML5 Canvas 开发的图表库
阅读量:4116 次
发布时间:2019-05-25

本文共 1356 字,大约阅读时间需要 4 分钟。

640?wx_fmt=jpeg
如今,HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐。 很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。 HTML 5 规范引进了很多新特性,其中之一就是 Canvas 元素。
HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。 今天,本文收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家。

1. Visualize

640?wx_fmt=png
Visualize通过Javascript从结构化的HTML表格获取数据并借助HTML5 Canvas把数据转换为可视化的图表。

2. rGraph

[
640?wx_fmt=png
rGraph是一个基于HTML5 canvas的图表库。 借助HTML5的特性可以生成各种类型的图表,例如饼图、条形图、圆环图、甘特图、雷达图等。

3. iGrapher

640?wx_fmt=png
iGrapher是一个免费的基于Web的,分析和预测股票、货币和商品的市场走势的可视化工具。

4. Function Plotter

640?wx_fmt=png
由Ed Mackey开发的函数图形绘制工具,使用Canvas绘制二维数学函数图形。

5. Building HTML5 Canvas Bar Graph

640?wx_fmt=png
使用HTML5 Canvas元素和Javascript绘制条形图。

6. HTML5 Graph Slider

640?wx_fmt=png
一个动态图形查看器,可通过JavaScript接收数据并即时更新到图表中。

7. Graph.tk

640?wx_fmt=png
Graph.tk是一个开源的图形工具,可以以不同的风格呈现函数曲线。

8. Ticker Plot

640?wx_fmt=png
Ticker plot也是一个开源项目,使用股票符号绘制走势图。

9. HumbleFinance

640?wx_fmt=png
类似于Google的Flash财经图表工具,HumbleFinance是一个基于HTML5 canvas的图表项目。

10. Charting HTML5

640?wx_fmt=png
一个HTML5 canvas实验项目,看看它用于呈现图表的特性。

11. Graphr

640?wx_fmt=png
Graphr是一个使用JavaScript编写的计算器,由 Richard Ye 开发。

12. Snazzy Animated Pie Chart with HTML5 and jQuery

640?wx_fmt=png
基于HTML5特性开发的饼图工具,拥有漂亮的动画效果。

13. AwesomeJS

640?wx_fmt=png
AwesomeChartJS是一个简单的Javascript库,可用于创建基于HTML 5 Canvas元素的图表。

14. jsGraph

640?wx_fmt=png
jsGraph是一个轻量的javascript库,用于结合HTML5呈现图表。

15. Facebook Privacy

640?wx_fmt=png
基于Prototype开发的可视化数据图表。

16. ASK KEN

640?wx_fmt=png
ASK KEN™是一个序列的节点连接图,可以让你通过可视化导航链接到 Freebase 服务提供的主题。

17. CanvasXpress

640?wx_fmt=png
CanvasXpress是另外一个结合HTML5特性开发的跨浏览器图表库,兼容主流浏览器。

18. ZingChart

640?wx_fmt=png
如果前面那些开源和免费的图表方案都满足不了你的项目,可以试试ZingChart,这是首个可以以Flash和HTML5Canvas两种方案呈现图表的图表库。
640?wx_fmt=jpeg
640?wx_fmt=png

转载地址:http://wffpi.baihongyu.com/

你可能感兴趣的文章
2019年哪些外快收入可达到2万以上?
查看>>
年薪50万+的90后程序员都经历了什么?
查看>>
【JavaScript 教程】标准库—RegExp 对象
查看>>
2019年哪些外快收入可达到2万以上?
查看>>
【JavaScript 教程】标准库—Date 对象
查看>>
前阿里手淘前端负责人@winter:前端人如何保持竞争力?
查看>>
【JavaScript 教程】面向对象编程——实例对象与 new 命令
查看>>
我在网易做了6年前端,想给求职者4条建议
查看>>
SQL1015N The database is in an inconsistent state. SQLSTATE=55025
查看>>
RQP-DEF-0177
查看>>
Linux查看mac地址
查看>>
Linux修改ip
查看>>
非法刊物名录
查看>>
MySQL数据库MyISAM和InnoDB存储引擎的比较
查看>>
利用ZXing生成二维码的工具类
查看>>
Java Bean 与 EJB的区别
查看>>
My QQ Show
查看>>
Google Writely试用手记(一)
查看>>
《银行ATM系统》项目实训大纲
查看>>
Java工具类——DES加密和解密工具 I
查看>>