网上有很多用于绘制图表图形的免费JavaScript插件和图表库,这类插件大量出现的原因,一是人们不再依赖于Flash,二是浏览器和精密的计算使呈现实时数据变得容易,而且各种向量绘图技术像VML、SVG和Canvas的发展也使之成为可能。
本文推荐10款强大的绘制图表图形的JavaScript插件。其中一些插件需要主流浏览器的支持,而另外一些经过整合后,也能在不同的平台和老版本的浏览器上工作。有些工具是独立的框架,大部分支持常规的功能:条形图、线形图、饼形图,有的还可以生成更复杂的图表:关联图、维恩图、热区图、Newick树图、二维散点图、二维气泡图、三维散点图。
1. Humble Finance
这是一个非常好用的HTML5数据可视化工具,与Flash工具颇为相似。基于JavaScript,利用了Prototype 和 Flotr 库,可用于显示两组实时二维数据。
2. D3
D3是最流行的可视化库之一,它可以将任意数据绑定到DOM(Document Object Model,文档对象模型),然后对该文件提供数据驱动转换。还可以将一组数据生成基本的HTML表,或生成一个SVG条形图。
3. Rickshaw
Rickshaw可以创建交互时间序列图。它依赖于D3的可视化库,需要一些扩展比如jQuery和jQuery UI来辅助实现。
4. jqPlot
这是一个基于jQuery(最流行的JavaScript库)的绘图制表插件。jqPlot可以生成线形图、条形图、饼形图。
5. rGraph
这是HTML5的JS图表库,拥有20多个类型的图表。利用最新的HTML5 canvas标签,这个工具可在网页浏览器中生成JavaScript的图表,这意味着更快的网页加载和更少的Web服务器负载。
6. Digraphs
开源JS库,能生成交互、可缩放的时间序列图表。可显示密集的数据组,用户还可对这些数据进行分析和说明。
7. CanvasXpress
一个基于HTML5标签的库,支持大量极其复杂的图表和图形。
8. gRaphael
这个工具可在网站上创建美观的图表,它基于Raphael图形库,可以查看静态图表和互动图表的演示。
9. Flotr2
一个独立框架库,可以绘制HTML5的图表图形,实际上是flotr的一个分支,功能更完善。可生成线形图、条形图、烛形图、饼形图和气泡图,还支持旧的浏览器(如IE 6)和移动平台。
10. Awesome Chart JS
顾名思义,这是一个很棒的JavaScript库,它可用于创建基于HTML 5 canvas元素的图表。这个库很简单,只需要几行代码就能快速生成简单的图表。
英文原文:10 Awesome Javascript Plugins For Plotting Charts and Graphs
相关推荐
Javaweb JavaScript EChart 图表插件 echarts.min.js 与与后台交互等资源
完全用javascript编写的绘制图表程序,没有采用额外的插件,可以绘制柱状图,折线图,饼状图等,适用于绘制简单图形。
大型数据集的图表,图形,金字塔可视化。 Showreel。 用于构建项目比例的Scale Angular插件的来源。 完全在HTML / CSS / JS上的海图标尺。 条形图,折线图,日历视图的可视化。 大型数据集的图表,图形,金字塔可视...
这个jQuery插件旨在使创建Google Charts图形更加舒适。 没有插件,您将需要调用许多方法。 随着时间的流逝,这会导致JS代码混乱。 GChartMaker.js有一个非常简单的API,但是比我同样完成MySQLDatabase类要花费更...
GoJs是一个实现图表交互的javaScript库,这篇文章将为你展示使用GoJs时的特征。因为GoJs是依赖hTML5的javaScript库,所以你要确认你开发的页面是在HTML技术的基础上,当然你在使用GoJs之前必须要导入其库。
ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互...
大型数据集的图表,图形,金字塔可视化。 Showreel。 此JQuery Linechart JQuery插件的源代码,用于构建线形图。 完全在HTML / CSS / JS上的海图标尺。 条形图,日历视图可视化。 大型数据集的图表,图形,金字塔...
• Flotr - Flotr 是Prototype 1.6.0.2框架的javascript插件库。 Flotr帮助你在浏览器中创建图表,支持鼠标事件响应,放大缩小,CSS类型支持等。 PHP/SWF Charts - PHP/SWF 是一个简单支持web图表的强大工具,你...
ApexCharts是一款基于JavaScript和HTML5的现代化图表库,功能十分强大。今天要分享的这款曲线图表便是基于ApexCharts实现的,图表最终以SVG的形式展示在浏览器上。这款图表的另一个特点是可以自定义选取数据的范围,...
具体来说一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器,底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
前一段时间做了一个用 JS 实现图表显示的功能,加上这次的Excel 导入功能,最终的效果是这样的: 怎么样?如果看了心动的话,就接着往下看吧。 本次的这个设计需要用到几个插件:jquery.js、xlsx.js、echarts.js,...
canvas一直是前端开发中不可或缺的一种用来绘制图形的标签元素,比如压缩上传的图片、比如刮刮卡、比如制作海报、图表插件等,很多人在面试的过程中也会被问到有没有接触过canvas图形绘制。 定义 canvas元素...
4款echarts.js扁平图形统计图表代码4款超酷Tabs选项卡代码 ]4种动态波浪文字动画js特效 ]4种漂亮的CSS3鼠标拖动滑块样式代码15个漂亮的css3单选按钮美化动画代码]5款漂亮的jQuery拖动滑块选值特效5款实用的jQuery...
该组件还支持一些简单的JavaScript,提供在图形上对外部URL的链接;该组件非常小,java类一共不超过10个,可操作的API也很少,这样学习起来也非常容易上手。但可阅读的文档非常少,在与其它框架集成方面还有些问题。
内容索引:脚本资源,Ajax/JavaScript,统计图表,Js图表 这是一套基于FLASH/XML、Javascript技术共同打造的图形图表统计显示系统,适用于ASP/PHP/,有着比较准确、形象的统计显示体验,国内不少网站有它的身影,而且它...
什么是 G2G2(The Grammar Of Graphics) 是一个由纯 javascript 编写、强大的语义化图表生成工具,它提供了一整套图形语法,可以让用户通过简单的语法搭建出无数种图表,并且集成了大量的统计工具,支持多种坐标系...
CanvasJs图表具有10倍更好的性能和简单APIJavaScript图表。 与流行的JS框架(例如AngularJS等)轻松集成。库附带30种不同类型的图表,包括折线图,柱形图,条形图,面积图,样条图,饼图,圆环图,堆积图等。它支持...
Flotr - Flotr 是Prototype 1.6.0.2框架的javascript插件库。 Flotr帮助你在浏览器中创建图表,支持鼠标事件响应,放大缩小,CSS类型支持等。 PHP/SWF Charts - PHP/SWF 是一个简单支持web图表的强大工具,你能...
数据核心该库可用于处理要输入 jQuery Flot 或其他图表插件的数据。 单独的效用函数也可用于将数据处理成有用的格式。 OQL,或对象查询库,是一个简单的界面,可帮助您在插入 Datalier 之前修改数据。为什么选择 ...
用于向Vue添加图表的插件 目录 目的 该插件旨在允许Vue.js开发人员将完全React性和可自定义的图表合并到他们的应用程序中。 该插件是基于D3.js JavaScript库构建的,用于基于数据处理文档。 通过绑定组件中的数据,...