推荐14个实用的JavaScript图表(JS图表)图形绘制工具

原创|行业资讯|编辑:ZGL|2016-04-11 13:07:30.000|阅读 13550 次

概述:在这篇文章中,我们搜集了14个JavaScript插件可用于绘制图形和图表。少数是独立的框架,大多数支持条图、线图、饼图等基本图形,很多甚至支持更加复杂的图形,比如:维恩图、热图、进化树、二维散点图、二维散点气泡图、三维散点图等。相信你应当能在这个列表中找到所需的。

如今,在互联网上发布在线免费的Javascript图形和图表绘制工具越来越多。我此前在一家网站从事复杂的图形学方面的工作,使用highchart,在那期间,没有大量的插件工具可供选择,不像现在,我们可以轻易地找到非常有用的图表库。个人认为,此种插件的兴起源于:

  • Flash 过去是最佳解决方案,但现在很多人都转变了;
  • 现代浏览器及其更强大的计算能力,使其在转化绘制实时数据方面的能力更佳;
  • 绘制矢量图的不同技术愈发成熟:VML、SVG 和 Canvas。

当然了,你需要仔细选择,以符合自身需求。正如前面提到的,正因使用了各种技术,因此一些支持Canvas的插件仅需要一个现代浏览器。

在这篇文章中,我们搜集了14个JavaScript插件可用于绘制图形和图表。少数是独立的框架,大多数支持条图、线图、饼图等基本图形,很多甚至支持更加复杂的图形,比如:维恩图、热图、进化树、二维散点图、二维散点气泡图、三维散点图等。相信你应当能在这个列表中找到所需的。

1. FusionCharts

FusionChart是最强大的javascript图表插件。它支持多种实用功能,比如工具提示、可点击图例项标示、易钻取、缩放、滚动、导出和打印。其跨平台支持使我们很容易在Windows、Mac和移动平台上实现图表。最后,如果您熟悉jQuery,它也可以同时作为本机jQuery图表插件。

想要了解FusionChart更多范例,请查看Demo或示例

2. Flotr2

Flotr2 是个独立框架库,支持HTML5图表和图形。它是 flotr 的一个分支版本,移除了 Prototype 依赖性,并且有很多改进。支持:线图、条图、蜡状图、饼图、气泡图。诸如 IE6 类的老浏览器也支持。

3. Rickshaw

Rickshaw 是个用于创建交互式时序图的JS工具箱。它依赖于 D3 可视化库和其他一些 jQuery 和 jQuery UI 的插件。

4. D3

D3 是一款出色且高效的可视化库,可用于图表的插件。使用D3你可以捆绑任意一个数据到DOM(Document Object Model),然后采用数据驱动转化成文件。 作为一个示例,你可以用D3从数组中生成一个基本的 HTML表格。或者你也可以利用相同的数据来创建一个互动的SVG柱状图。

5. Awesome Chart JS

AwesomeChartJS作为一个简单的Javascript库,它可以被用来创建基于HTML 5 canvas元素的图表。目的是让用户只需用几行代码就可创建一个简单的图表。

6. canvasXpress

CanvasXpress是一个Javascript库利用tag在HTML5中执行任务,该库开发的目的是为 BMS系统生物学平台创建可视化的核心组件。它适用于高度复杂的图表和图形。

7. Humble Finance

HumbleFinance是HTML5数据可视化编译工具。作为交互式图形的范本,与Flash工具类似,工具本身是用JavaScript编译的,使用Prototype和Flotr 库,它可以用于显示实际数值共享一个轴的任意两个2D数据集。

8. RGraph

RGraph是HTML5 Javascript图表库支持超过20种不同类型的图表。使用HTML5 canvas标签,RGraph可以在Web浏览器中创建Javascript图表。也是就说页面响应时间更快,Web服务器加载时间更少。

9. dygraphs

dygraphs是一个开源的 JavaScript库,可生成时间系列的交互式zoomable图表。它的设计是被用来显示密集型的数据集,能够让用户探索和解释这些数据。这是一款轻量级的解决方案,运行在IE中。

10. HighChart

Highchart是用纯JS编写的图表库,给你的网站或者Web应用呈现最直观、交互式的图表。 Highcharts 目前支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等图表类型。这个著名的图表解决方案曾被许多知名的企业使用,比如 IBM、NASA、Siemens、HP等。

更多Highcharts demo或示例,请点击资源查看。

11. gRaphael

gRaphael的目标是为您的网站创建绝妙的图表,基于Raphaël 图形库。通过示例能看到静态和动态的图表场景。gRaphaël目前支持Firefox 3.0+,Safari 3.0+, Opera 9.5+、IE 6.0+以上版本。

12. jqPlot

jqPlot是jQuery Javascript 框架的绘图和图表插件。 jqPlot能绘制出美妙的line,bar和pie图形,具有许多独特的性能。

13. JS Charts

JS Charts是JavaScript只需很少或者无需代码即可实现的图形生成器。利用JS来绘制图表既简单又容易,因为你只需要客户端脚本即可实现(通过Web浏览器实现)。无需额外的插件或者服务器模块。只需要准备脚本、XML图表数据,JSON或JavaScript Array和绘图工具即可。

更多JS Chartsdemo或资讯,请点击资源查看。

14. JSXGraph

JSXGraph是一款跨浏览器的交互式几何图、函数绘图、图表的数据可视化工具。它完全在JavaScript实现,不依赖于任何库,并且使用SVG,VML和canvas。JSXGraph容易嵌入网页中,体积小,小于100K字节。无插件,采取特别措施优化性能。

本文翻译自:queness

 

不知道怎样选择和图表工具?联系在线客服
点击图表专题了解更多图表类资讯


标签:JavaScript 图表图表库图表开发图表解决方案图表控件FusionCharts实时图表插件highchartsJavaScript ChartsamchartsFusionCharts图表fushioncharts

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件网

登录慧都网发表评论登录


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
FusionCharts XT

50万用户首选的跨平台、跨浏览器的JavaScript/HTML图表解决方案

JavaScript Charts

拥有良好兼容性的JavaScript、HTML5图表开发工具

Highcharts

纯JavaScript编写的开源图表库,为你的Web应用程序提供直观的、交互式图表

在线客服 在线QQ 电话咨询
400-700-1020
在线客服系统
live chat