15个构建交互式图表的最佳 jQuery 插件

  • A+
所属分类:脚本语言

  在这篇文章中,我们向你推荐 15 个图表库,包含从简单图表实现到高度复杂的交互式图表,希望你会喜欢。

  1. Chart.js : Charting Library with HTML5 Canvas

 

chartjs

  使用HTML5 Canvas元素的Javascript图形库,支持6种统计图形,不依赖其他库.

  2. xCharts : For Building Data-Driven Charts

  xCharts 是一个使用 D3.js 来构建漂亮的可定制的数据驱动的 JavaScript 图表库,他使用HTML,CSS,SVG实现图表,xCharts 被设计为一个动态的、流畅的、开放的和可定制化的库。

  3. Sigma.js : Draw Graphs Using HTML5 Canvas Element

sigma-js

  sigma.js 是一个开源的轻量级 JS 库,用来绘制各种图形,使用的是 HTML Canvas 元素。

  4. HighCharts

highchartjs

  Highcharts是一个制作图表的纯Javascript类库,主要特性如下:

  • 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
  • 对个人用户完全免费;
  • 纯JS,无BS;
  • 支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;
  • 跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
  • 提示功能:鼠标移动到图表的某一点上有提示信息;
  • 放大功能:选中图表部分放大,近距离观察图表;
  • 易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
  • 时间轴:可以精确到毫秒;

  在 RunJS 查看在线演示:http://runjs.cn/code/ih5xzoeb

  5. Fusion Charts

fusion-charts

  FusionCharts是一个能帮你创建其引人注目的动态图像效果的Macromedia Flash控件。充分利用Macromedia Flash所具有的流畅功能来创建简洁的、交互式的和引人注目的动态图像。  

  6. Flot : Attractive JavaScript Plotting for jQuery

flot

  受PlotrPlotKit的启发,Ole Laursen基于jquery开发了一个图表绘制(WEB Chart)插件并命名为flot。

  7. JS Charts : Free JavaScript Charts

jscharts

  JS Charts 是一款免费的基于javascript的轻量级插件,用JS Charts 绘制图表是很轻松地事,因为你只需要关心客户端的脚本。

  8. jQuery Sparklines

jQuery-Sparklines

  jQuery Sparklines可以用来生成静态或动态波谱图表效果,源码爱好者查阅资料写一个简单的调用实例,实例仅是其中的两款,如果需要其它样式的图表,你需 要查阅官方资料,每个实例都可以用一行HTMl或JavaScript生成,兼容目前绝大多数流行的浏览器:Firefox 2+, Safari 3+, Opera 9 and Internet Explorer 6 & 7 & 8等。

  9. Morris.js : Draw Time-Series Line Graphs

morrisjs

  Morris.js 是一个轻量级的 JS 库,使用 jQueryRaphaël 来生成各种时序图。

  10. jQuery OrgChart

jquery-org-chart

  jQuery OrgChart 是一个用来绘制组织结构图的 jQuery 插件。

  11. jqPlot

jqPlot

  jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。

  12. Grafico

grafico

  Grafico 是一个基于 RaphaëlPrototype.js 构建的 JavaScript 图表库,提供了各种图表类型。

  13. GraphUp

graphup

  GraphUp  是一个非常灵活和轻量级的 jQuery 插件,用来对表格数据进行美化,使用不同颜色、条形图和冒泡方式对不同值进行渲染。

  14. dygraphs

dygraphs-javascript

  dygraphs 是一个开源的Javascript库,它可以产生一个可交互式的,可缩放的的曲线表。其可以用来显示大密度的数据集(比如股票,气温,等等),并且可以让 用户来浏览和解释这个曲线图。在它的主页,你可以看到一些示例和用法。

  15. jsPlumb jQuery Plugin

jsplumb

  JsPlumb 提供开发者页面的可视化链接元素,可与jQuery method, MooTools 和 YUI3 整合使用。

  英文来源:best_jquery_chart_libraries_for_interactive_charts

QQ群: WEB开发者官方总群(196171896) 验证消息:Admin10000
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin