`
huang_xiaok
  • 浏览: 91603 次
  • 性别: Icon_minigender_1
  • 来自: 成都
博客专栏
90a30fc4-e2b0-37bf-a450-86cdba0caacc
Fusioncharts中...
浏览量:16548
文章分类
社区版块
存档分类

开发者必了解的JavaScript图表库大全(1/4)

阅读更多

图表是数据图形化的表示,也就是“通过形象的图表来展示数据,比如条形图,折线图,饼图”。几乎每个开发或者项目管理团队都需要图表或者图形来简化理解,可视化复杂的数据和 web 应用工作流。可视化图表可以帮助开发者更容易理解复杂d数据,提高生产的效率和 web 应用和项目的可靠性。下面罗列出排名靠前的 JavaScript 图表和图形库,适合各种从简单图表到复杂图表的需求。大部分的 JavaScript 图表和图形库都是免费而且开源的,希望大家能在下面的列表中找到适合自己需求的 JavaScript 图表和图形库。

 

1.FusionCharts

fusionchart

FusionCharts是跨平台、跨浏览器的JavaScript/HTML图表组件。 FusionCharts支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至简单的HTML页面。它是你值得信赖的JavaScript图表解决方案,目前在全球有45万用户选择Fusioncharts来制作专业的JavaScript图表。

 

< 下载FusionCharts试用版>

 

2. Ember Charts

emberchart
Ember Charts 是个图表库,使用 Ember.js 和 d3.js 框架构建的。它包括时间线,条形图,饼图和散点图,非常容易扩展和修改。这些图表组件都是开箱即用的,在图表交互和演示方面应用的很好。

3. Chart.js

chart.js

Chart.js 是个简单的,面向对象的客户端图形库,用户可以用 6 中不同的方式来可视化数据。每个方式都是动画效果的,完全自定义,而且看起来非常好看,即使在 retina 显示。它使用 HTML5 canvas 元素,支持所有现代浏览器,并且支持  IE7/8。

4. Aristochart

aristochart

Aristochart 是个高度自定义,灵活的折线 canvas 图表库,允许用户集中精力在图表的审美方面,后台工作做得非常好。Aristochart 有个持续进步的社区,提供许多不断增长的主题给用户选择。

5. xCharts

xchart

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

6. BonsaiJS

bonsaichart

BonsaiJS 是个轻量级的 JavaScript 图形库,提供直观的图形 API 和 SVG 渲染器。主要特性包括:架构分离的运行器和渲染器;iFrame,Worker 和 Node 运行上下文;形状,路径,Assets(音频,图像,字体,subMovies),Keyframe 和常规动画,等等。支持现代化浏览器: Safari, Chrome 和 Firefox。

7. Sigma.js

sigmachart

Sigma.js 是个免费开源的 JavaScript 图形库,使用 HTML5 canvas 元素。它的设计是特别为了在 web 界面分享交互式网络 Map 和动态展示网络数据库。

8. Morris.js

morrischart

Morris.js 是个轻量级的 JavaScript 库,使用 jQuery 和 Rapha&enuml 来绘制时序图。 Morris.js 生命周期是从代码驱动 howmanyleft.co.uk 图表开始的。它支持的浏览器有:  IE6+, Safari/Chrome/Firefox, iOS 3+ 和 Android 3+。它的公共 API 非常的小,只有一个函数: Morris.Line (选项),包括了许多配置选项。

9. Paper.js

paper.js

Paper.js 是一个开源的向量图形脚本框架,基于 HTML5 Canvas 开发。提供清晰的场景图、DOM 和大量强大的功能用来创建各种向量图和贝塞尔曲线。

 

......

 

未完待续

 

 

0
1
分享到:
评论

相关推荐

    35款值得网站开发者收藏的JAVASCRIPT图形图表库.docx

    35款值得网站开发者收藏的JAVASCRIPT图形图表库.docx

    uvCharts, 使用 d3.js 构建的简单而强大的JavaScript图表库.zip

    uvCharts, 使用 d3.js 构建的简单而强大的...可扩展的JavaScript图表库,旨在帮助开发者在不到几分钟之内嵌入。构建图表。要了解关于uvCharts以及如何使用它,请阅读 wiki页面或者分钟/ 快速入门指南 。Checkou

    美观又实用,10款强大的开源Javascript图表库

    以下是为开发者推荐的10款开源Javascript图表库,可以帮助实现各种漂亮的功能。话不多说,直接开始吧! ECharts由百度前端技术部开发的,是一个纯Javascript的图表库,可以流畅的运行在PC 和移动设备上,兼容当前绝大...

    JavaScript可视化图表库MetricsGraphics.js

    MetricsGraphics.js也是一款基于JavaScript的响应式图表库,和Chartist.js类似,MetricsGraphics.js同样支持几乎所有类型的图表,包括折线图、柱形图、饼图等。同时MetricsGraphics.js是基于可视化图表库D3上面的,...

    常用的9个JavaScript图表库详解

    当前,数据可视化已经成为数据科学领域非常重要的一部分。...使用这些库,开发者可以在无需考虑不同的语法所带来的编程难题的情况下,轻松实现将数据转化为易于理解的图表。 下面是挑选出的 9 个 JavaScript

    强大的JavaScript响应式图表Chartist.js

    Chartist.js是一个非常简单而且实用的JavaScript前端图表生成器,它支持SVG格式,图表数据转换十分灵活,同时也支持多种图表展现形式,不失为一款前端开发者的开发利器。 Chartist.js的特点 配置十分简单,可以很...

    Chart 极品web报表控件收集(Flot,AmCharts, Emprise JavaScript Charts...)

    • PlotKit - PlotKit 是一个 图表和图像的Javascript 库. PlotKit 和 MochiKit javascript 库一起工作,支持HTML Canvas 和 Adobe SVG 显示 以及本地浏览器支持。尤其文档非常全。 • Flotr - Flotr 是Prototype ...

    Javascript生成图表的类库AwesomeChartJS.zip

    此类库就是为了减轻开发者的工作量,使用它只需书写几行代码便能生成漂亮的图表。 此类库能生成多种图表类型: 水平、垂直的柱状图 pareto图 饼图 部分分离的饼图 环形图 生成图形的样式可以完全...

    oview:Vue移动端图表库(饼状图,柱状图,条形图,折线图,雷达图,散点图,气泡图等)

    oView Vue.js移动端图表库oView是基于 图表库的二次封装,以便于Vue.js开发者在移动端和PC端更好进行图表的展示。vue插件vue add oviewvue invoke vue-cli-plugin-oviewNPM安装npm install oview --save//或者使用...

    Web Chart 极品web报表控件收集Web+Chart

    PlotKit - PlotKit 是一个 图表和图像的Javascript 库. PlotKit 和 MochiKit javascript 库一起工作,支持HTML Canvas 和 Adobe SVG 显示 以及本地浏览器支持。尤其文档非常全。 ? Flotr - Flotr 是Prototype 1.6....

    protobuf​的Java开发包jprotobuf.zip

    基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。 开发者...

    15款经典图表软件推荐

    在这篇文章中,我将列出图表,图形和数据可视化的最佳软件,从创建基本的2D图表到产生复杂的数据集的数据可视化,这些PHP,Javascript、Flash的图表,对于任何一个严谨的开发者都是必须一览的。

    UltraWebChart--服务器端-基于ASP.NET的图表控件

    此外,UltraWebChart为图表数据项提供了JavaScript客户端事件。UltraWebChart独有的ActiveImages&#8482;;;;的功能可以准确、无缝地生成客户端和服务器端事件所需的脚本。 强调细节—UltraWebChart 加强了细节部分...

    基于js脚本的图表绘制

    介绍了如何使用该jsGraphics.js库绘制图表(条形图,k曲线图,扇形图,饼形图,填充图),您可以用AJAX在后台获取数据,生成不断更新流畅的动态图表。你可以自由的复制传播修改该库,但不能用于任何商业目的。使用时...

    强大的JavaScript响应式图表Chartist.js的使用

    Chartist.js是一个非常简单而且实用的JavaScript前端图表生成器,它支持SVG格式,图表数据转换十分灵活,同时也支持多种图表展现形式,不失为一款前端开发者的开发利器。 Chartist.js的特点 配置十分简单,可以很...

    Java版水果管理系统源码-website-collection:开发者的网址收藏

    D3是基于数据的文档操作javascript库,D3能够把数据和HTML、SVG、CSS结合起来,创造出可交互的数据图表。 : jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可...

    Daggraph一个Android开发者的Dagger依赖关系图生成器

    Daggraph一个Android开发者的Dagger依赖关系图生成器

    【JavaScript源代码】在vue项目中封装echarts的步骤.docx

    每个开发者在制作图表时都需要从头到尾书写一遍完整的option配置,十分冗余 在同一个项目中,各类图表设计十分相似,甚至是相同,没必要一直做重复工作 可能有一些开发者忘记考虑echarts更新数据的特性,以及窗口...

    dev-profiles:使用GitHub API搜索开发者资料

    简单,干净且引人入胜的基于HTML5JavaScript图表。 获取有关GitHub用户和存储库的语言统计信息。 -部署Next.js应用程序的最简单方法。 -了解Next.js功能和API。 -交互式Next.js教程。 Next.js Repo-开源GitHub...

Global site tag (gtag.js) - Google Analytics