在阿里云上建立网站的步骤,天眼查询企业信息系统,网站建设误区图,承德seoFrom: http://www.cnblogs.com/lhb25/p/35-javascript-chart-and-graph-libraries.html 图表是数据图形化的表示#xff0c;通过形象的图表来展示数据#xff0c;比如条形图#xff0c;折线图#xff0c;饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据#xff…From: http://www.cnblogs.com/lhb25/p/35-javascript-chart-and-graph-libraries.html  图表是数据图形化的表示通过形象的图表来展示数据比如条形图折线图饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据提高生产的效率和 Web 应用和项目的可靠性。 　　在这篇文章中我们收集了35款值得网站开发者收藏的 JavaScript 图形图表库适合各种图表需求。其中大部分都是免费而且开源的希望大家能在下面的列表中找到适合自己需求的 JavaScript 图表和图形库。 您可能感兴趣的相关文章 2013年最受欢迎的10篇前端开发博文小伙伴们惊呆了8个超炫的 Web 效果35个让人惊讶的 CSS3 动画效果演示8个惊艳的 HTML5 和 JavaScript 特效2014年最值得关注的网页设计流行趋势    1. JS Charts JS Charts 是个基于 JavaScript 的图表生成器不需要任何编码。JS Charts 非常容易使用只要用户使用客户端脚本比如在 web 浏览器中执行。它不需要多余的插件和服务器模块只需要下载 JS Charts 的脚本准备好 XMLJSON 或者 JavaScript 数组数据。    2. Canvasjs CanvasJS 是个易用的 HTML5  JavaScript 图表库基于 Canvas 元素。Graphs 可以通过设备渲染包括 iPhoneiPadAndroidWindows PhoneMicrosoft SurfaceDesktops 等等。它允许用户创建适用于所有设备不影响 web 应用程序的功能和可维护性的富仪表盘。CanvcasJS 有着非常漂亮的主题和超过传统的 Flash 和 SVG 图表 10x 倍以上的速度——生成轻量级漂亮和响应式的仪表图。   3. Chart.js Chart.js 是个简单的面向对象的客户端图形库用户可以用 6 中不同的方式来可视化数据。每个方式都是动画效果的完全自定义而且看起来非常好看即使在 retina 显示。它使用 HTML5 canvas 元素支持所有现代浏览器并且支持  IE7/8。    4. Aristochart Aristochart 是个高度自定义灵活的折线 Canvas 图表库允许用户集中精力在图表的审美方面后台工作做得非常好。Aristochart 有个持续进步的社区提供许多不断增长的主题给用户选择。    5. xCharts xCharts 是一个使用 D3.js 来构建漂亮的可定制的数据驱动的 JavaScript 图表库他使用HTMLCSSSVG实现图表xCharts 被设计为一个动态的、流畅的、开放的和可定制化的库。    6. BonsaiJS BonsaiJS 是个轻量级的 JavaScript 图形库提供直观的图形 API 和 SVG 渲染器。主要特性包括架构分离的运行器和渲染器iFrameWorker 和 Node 运行上下文形状路径Assets音频图像字体subMoviesKeyframe 和常规动画等等。支持现代化浏览器 Safari, Chrome 和 Firefox。    7. Sigma.js Sigma.js 是个免费开源的 JavaScript 图形库使用 HTML5 canvas 元素。它的设计是特别为了在 web 界面分享交互式网络 Map 和动态展示网络数据库。    8. Morris.js Morris.js 是个轻量级的 JavaScript 库使用 jQuery 和 Raphaenuml 来绘制时序图。 Morris.js 生命周期是从代码驱动 howmanyleft.co.uk 图表开始的。它支持的浏览器有  IE6, Safari/Chrome/Firefox, iOS 3 和 Android 3。它的公共 API 非常的小只有一个函数 Morris.Line(选项)包括了许多配置选项。    9. Paper.js Paper.js 是一个开源的向量图形脚本框架基于 HTML5 Canvas 开发。提供清晰的场景图、DOM和大量强大的功能用来创建各种向量图和贝塞尔曲线。    10. AmCharts AmCharts 是个高级图表库适用于所有数据的可视化。AmCharts 包括 Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid 等等。    11. Smoothie Charts Smoothie Charts 是个极小的图表库专为实时流媒体数据设计的。Joe Walnes 想展示 WebSocket 推动的实时的流数据。虽然很多图表库允许用户动态更新数据但是没有一个是可以优化源源不断的流数据。    12. Dygraphs Dygraphs 是个快速灵活开源的 JavaScript 图表库。它允许用户展示和解析密集的数据集。可以高亮需要强调的数据集。可以使用鼠标点击或者用鼠标拖动来缩放图表可以修改数值或者点击条目来调整平均周期。    13. Grafico Grafico 是 Grafico 是一个基于 Raphaël 和 Prototype.js 构建的 JavaScript 图表库提供了各种图表类型。这些漂亮的图表有利于传递他们的信息。    14. Highchart JS Highcharts JS 是一个制作图表的纯 Javascript 类库主要特性如下兼容性兼容当今所有的浏览器包括 iPhone、IE 和火狐等等对个人用户完全免 费纯JS无BS支持大部分的图表类型直线图曲线图、区域图、区域曲线图、柱状图、饼装图、散布图跨语言不管是 PHP、Asp.net 还是 Java 都可以使用。    15. Flotr Flotr 是一个基于 Prototype 开发的 JavaScript 绘图工具。支持图例鼠标跟踪图片区域选择图片缩放添加事件钩子event hook通过CSS设置样式等。    16. Flot Flot 是受 Plotr 和 PlotKit 的 启发Ole Laursen 基于 jquery 开发了一个图表绘制(WEB Chart)插件并命名为 flot。 flot 是个纯 JavaSript 库专注于简单的使用方式迷人的外观和交互式特性。支持的浏览器有 Internet Explorer 6, Chrome, Firefox 2, Safari 3 and Opera 9.5。    17. jFreeChart JFreeChart  主要用来各种各样的图表这些图表包括饼图、柱状图(普通柱状图以及堆栈柱状图)、线图、区域图、分布图、混合图、甘特图以及一些仪表盘等等。JFreeChart 项目历史悠久而且有大量的开发者在维护。    18. Plotkit PlotKit 是一个纯 JavaScript 绘图工具包。它支持 HTML Canvas 和 Adobe SVG。有着很完整的文档方便用户使用。    19. Planetary.js Planetary.js 是个令人称奇的创建交互式 web 地球仪的 JavaScript 库。它使用 D3 和 TopoJSON 来解析和渲染地理信息。Planetary.js 使用基于插件的架构甚至默认自身就是个插件这使得 Planetary.js 非常灵活而且它是允许用户完全自定义包括颜色大小rotation 等等。更重要的是用户可以在任意位置使用自定义的颜色和大小来显示动画“pings”它还支持鼠标拖动和缩放100% 免费和开源。    20. Ember Charts Ember Charts 是个图表库使用 Ember.js 和 d3.js 框架构建的。它包括时间线条形图饼图和散点图非常容易扩展和修改。这些图表组件都是开箱即用的在图表交互和演示方面应用的很好。    21. Sparky Sparky 是个免费的 JavaScript 波形图库依赖于 Raphaeuml;l 非常容易使用。支持多个图表类型折线条形area折线和区域图可以有多个颜色选择。    22. Envision.js Envision.js 是个 JavaScript 库用来简化快速创建交互式的 HTML5 可视化图表。它包括两个图表类型时序图和 Finance 提供 API 给开发者用户可以直接自定义创建图表。这个库氏基于 Flotr2 和 HTML5 Canvas 的。它与框架无关依赖于几个小的 JavaScript 库。    23. Dc.js dc.js 是个 JavaScript 图表库有着原生的 crossfilter 支持和允许高效展示大型多维数据集基于 crossfilter 的示例图表使用 dc.js 渲染是使用原生数据驱动所以能得到用户的实时反馈dc.js 最大的亮点在于能提供一个简单而强大的 JavaScript 库能进行数据可视化和分析不仅支持桌面浏览器还支持移动端。    24. ElyCharts Elycharts 是一个易于使用的可定制的 JavaScript 图表绘制组件。这个组件可用于绘制大部分常用的图表类型包括line, column, are, bar, pie, sparklines and combinations。它支持多种交互式功能包括鼠标跟踪、事件处理、利用各种动画高亮显示选择中的区域TooltipHTML锚点等。可以动 态修改数据并以漂亮的动画效果展示图表中的变化。图表利用SVG/VML技术生成基于jQuery Raphaël开发。    25. AwesomeChartJS AwesomeChartJS Awesome Chart JS 是一个 JavaScript 生成图表的类库它利用了 HTML5 的 canvas 标签来创建统计图表。此类库就是为了减轻开发者的工作量使用它只需书写几行代码便能生成漂亮的图表。    26. Arbor.js Arbor.js 是一个利用 Web Works 和 jQuery 创建的可视化图形库它为图形组织和屏幕刷新处理提供了一个高效的、力导向的布局算法。    27. CanvasXpress canvasXpress 是一个基于HTML5 canvas标签实现的 JavaScript 图表类库它能够支持线性图、柱形图、饼图和热点图等多种常见的图表类型。它所生成的图表交互性很强鼠标放 上去时会动态显示值。除此之外它也具有相当高的可定制性可设置图表的文字、颜色和要显示/隐藏的元素等。当然更重要的一点是虽然它使用了 HTML5但是依然支持IE6浏览器。    28. JSXGraph JSXGraph 是一个支持各种浏览器的交互式几何图库绘制。JSXGraph 使用 SVG 和 VML。    29. Rickshaw Rickshaw 是一个用于绘制时序图的简单 jS 库基于 Mike Bostock’s delightful D3 库构建。    30. rGraph RGraph 是基于HTML5 canvas标签的HTML5 canvas图形库支持 20 种不同的可视化类型。使用 canvas 标签RGraph 创建“HTML5 图表”意味着更快的 web 页面加载和更少的 web 服务器加载。这能帮助减小 web 页面的大小低能耗和更快的浏览速度。    31. Fusion Chart FusionCharts Suite XT 是个专业的 JavaScript 图表库能创建任何类型的图表。它创建的图表都是可以进行完全自定义的标签字体边界等等都可以进行修改。它有很强的交互功能有许多信息提示可 点击的 legend 关键字还有 dril-down缩放/滚动 和单击打印图表功能。    32. Graph Dracula Dracula 是用一系列的工具来显示和布局互动图表包括各种相关的算法。它只是纯 JavaScript 和 SVG 并无 FlashJava其他插件。它非常容易使用用户可以很简单的自定义任意的元素。    33. Bluff Bluff 是个 JavaScript 的 Ruby 的 Gruff graphing library 端口。它支持所有 Gruff 的特性但是有着最小的依赖。用户只需要运行一个第三方脚本 JS.Class 副本(压缩后只有 2.6kB ) 和 Google 的 ExCanvas 副本用来支持 IE 中的 canvas。这两个脚本在 Bluff 中都有下载。Bluff 自身压缩后大小大概有 11KB 。    34. Pizza Pie Chart Pizza Pie Charts 是个响应式饼图图表基于 Adobe Snap SVG 框架通过 HTML 标记和 CSS 来替代 JavaScript 对象更容易集成各种先进的技术。    35. jGraph HTML5 图表组件完全支持l IE 6-8 和触屏设备。 JGraph 自2001年来就一直提供最先进的图表软件组件是第一个流行的 JGraph Swing 库。然后在 2005 年走在时代的前沿开发 mxGraph。   您可能感兴趣的相关文章 期待已久的2013年度最佳 jQuery 插件揭晓小伙伴们都惊呆了8个超炫的 Web 效果10大流行的 Metro UI 风格 Bootstrap 主题推荐35款精致的 CSS3 和 HTML5 网页模板精选12款优秀 jQuery Ajax 分页插件和教程   英文链接35 JavaScript Chart and Graph Libraries 译文链接35款值得网站开发者收藏的 JavaScript 图形图表库 推荐博文 Web 前端工程师和设计师必读精华文章推荐酷15个精美的 HTML5 单页网站作品欣赏炫35个让人惊讶的 CSS3 动画效果演示赞30个与众不同的优秀视差滚动效果网站靓25个优秀的国外单页网站设计作品欣赏帅8个惊艳的 HTML5 和 JavaScript 特效顶35个很漂亮的国外 Flash 网站作品欣赏哇34个漂亮网站和应用程序后台管理界面