美观又实用,10 款强大的开源 Javascript 图表库
2019独角兽企业重金招聘Python工程师标准>>>
随着发展,现代 Web 设计在改善体验和功能的同时,对于美观的追求也越来越高,可视化、交互式、动态等元素和效果似乎已成为标配。
以下是为开发者推荐的 10 款开源 Javascript 图表库,可以帮助实现各种漂亮的功能。话不多说,直接开始吧!
1、ECharts
ECharts 由百度前端技术部开发的,是一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11、Chrome、Firefox、Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。
ECharts 有良好的自适应效果,ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化。
2、Chart.js
Chart.js 是一个简单、面向对象、为设计者和开发者准备的 Javascript 图表绘制工具库,基于 HTML5 canvas 技术,支持所有现代浏览器,并且针对 IE7/8 提供了降级替代方案。
Chart.js 不依赖任何外部工具库,轻量级(压缩之后仅有4.5k),并且提供了加载外部参数的方法。能用多种不同的方式让数据变得可视化。
3、jqPlot
jqPlot 是一个非常强大的基于 jquery 类库的 Javascript 图表工具,可在网页中绘制线状、柱状、饼状等多种样式图表。
jqPlot 强大之处在于将内容呈现为动态嵌入的静态图像,这意味着图表数据可以通过 Ajax 更新,甚至不需要刷新页面。 某些图表类型甚至具有悬停选项,可在悬停时显示相关数据。
4、Chartist.js
Chartist.js 是一个使用 SVG 构建的简单的响应式图表库,可以作为前端图表生成器。同样兼容当前绝大部分浏览器(IE8/9/10/11、Chrome、Firefox、Safari等)。
Chartist.js 每个图表从大小到配色方案都是完全响应和高度可定制的,依靠 SVG 将图形作为图像动态地呈现到页面上。完全使用 SASS 构建,并且支持自定义。
5、xCharts
xCharts 是一个使用 D3.js 来构建漂亮的可定制的数据驱动的 JavaScript 图表库,使用 HTML、CSS、SVG 实现图表,适用于熟悉数据可视化的用户。
通过 xCharts 渲染的所有内容都有很强的适应性,在与数据交互时添加自己的动画或缓动函数也较为容易。
6、C3.js
C3.js 也是一个基于 D3.js 的可重用的开源 JavaScript 图表库。这意味着将数据图表绘制到 HTML 页面上的过程得到简化,不需要大量的自定义 D3 图表代码,也相对容易上手。
C3.js 所有的数据是完全动态的,从工具到图形颜色。它使用非常舒服,有充分的可定制性和控制性,支持多种图表类型。
7、Pizza Pie Charts
Pizza Pie Charts 是由 ZURB 开发的一个知名的 JavaScript 库,用于渲染基于 SVG 的饼图。
Pizza Pie Charts 所有的显示设置和选项都可以直接在 CSS 或 JavaScript中 修改。它专注于以最好的方式将数据呈现到饼图。如果是其他图表样式,还是建议使用其它的几个库。
8、Protovis
Protovis 使用简单的标记(例如条形和点)组成数据的自定义视图。 与一些低级图形库不同,Protovis 通过对数据进行编码的动态属性来定义标记,允许继承、缩放和布局来简化构建。
Protovis 有能力渲染非常独特的图表样式,它使用 JavaScript 和 SVG 进行 Web 本地可视化,无需插件(除了需要一个浏览器)。
9、Flot
Flot 是 jQuery 的纯 JavaScript 图表库,专注于使用简单,外观漂亮和强互动功能。它是特定的 jQuery 库,这意味着你需要使用它需要熟悉基础的 jQuery。但是从另一方面来说,这意味着你可以全面控制呈现,动作和用户交互。
使用 Flot 的主要好处是能够创建动画绘制图,可以以此展现大量的结果数据。它兼容大多数现代浏览器,向下兼容到 IE6 和 Firefox2。
10、Dygraphs
Dygraphs 也是一个基于 HTML5 canvas 的 JavaScript 图表库,可以生成一个可交互式的,可缩放的的曲线表,可以用来显示大密度的数据集(比如股票、气温等等),并且可以让用户来浏览和解释这个曲线图。
Dygraphs 在移动设备上还可以通过缩放显示效果来支持交互。如果你想用 JavaScript 绘制数据,那么 Dygraphs 是一个不错的选择。
转载于:https://my.oschina.net/editorial-story/blog/844876
美观又实用,10 款强大的开源 Javascript 图表库相关推荐
- 前端绘图开源组件_美观又实用,10款强大的开源Javascript图表库
随着发展,现代 Web 设计在改善体验和功能的同时,对于美观的追求也越来越高,可视化.交互式.动态等元素和效果似乎已成为标配. 以下是为开发者推荐的 10 款开源 Javascript 图表库,可以帮 ...
- 最新开源JavaScript 图表库 ECharts推荐
ECharts是一款由百度前端技术部开发的,基于Javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表. ECharts 提供大量常用的数据可视化图表,底层基于Z ...
- html 圆圈图表插件,10款强大的JavaScript图表图形插件
网上有很多用于绘制图表图形的免费JavaScript插件和图表库,这类插件大量出现的原因,一是人们不再依赖于Flash,二是浏览器和精密的计算使呈现实时数据变得容易,而且各种向量绘图技术像VML.SV ...
- 3 款强大的开源密码管理器
点击上方"民工哥技术之路",选择"设为星标" 回复"1024"获取独家整理的学习资料! 我们现在每个人都离不开互联网,所以在很多网站上都有很 ...
- 2023年最值得下载的Macbook电脑必备实用10款软件推荐,装了绝不后悔!
Hello!大家好,作为一名Mac电脑6年的老用户,最近刚刚更换了一台新的Mac电脑,之前使用的是MacBook Pro2015款,由于电池老化,换成了MacBook Air2020款,使用感觉还是非 ...
- 推荐10款免费而优秀的图表插件
推荐10款免费而优秀的图表插件 开发人员很多时候需要使用图表来表现一些数据,而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容.随着Web技术的发展,从传统只能依靠于flash.IE的v ...
- 10个最受欢迎的JavaScript图表库
目前网上有很多用于绘制图表图形的免费JavaScript插件和图表库,技术学派在这里给大家推荐10个比较强大的绘制图表图形的JavaScript图表库.其中一些插件需要主流浏览器的支持,而另外一些经过 ...
- 适用于任何数据可视化需求的国外10个最佳JavaScript图表库
如今,数据量呈指数级增长,我们看到的信息越多,处理它的难度就越大.这就是为什么我们需要数据可视化--在图表和仪表板中,最好是交互式的.它帮助我们人类节省了大量时间和精力来查看,分析和理解数据,并根据这 ...
- 开源的数据可视化JavaScript图表库:ECharts
ECharts (Enterprise Charts 商业产品图表库)是基于HTML5 Canvas的一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表.创新的拖拽 ...
最新文章
- SpringBoot跨域
- 批量修改table和index 的表空间
- CS231n 学习笔记(4)——神经网络 part4 :BP算法与链式法则
- Jekyll报'Tag was never closed'错误
- C++11中的右值引用
- Java 动态代理解析
- 计算机视觉CV中特征点方法相关函数的学习笔记~
- 在 vb.NET 中使用 COM+ 服务
- linux 停止正在执行的shell 程序
- linux软件安装完成信号,Linux信号机制解析
- 开源单点登录系统CAS
- 南澳大学计算机科学专业学费,2020年南澳大学学费(本科及研究生)及学费支付方式解析!...
- Linux内核UDP收包为什么效率低?能做什么优化?
- sqlite编辑器 linux,SQLite3 ARM平台交叉编译
- 史玉柱退休继续“烧脑”手游成新宠
- hexo博客中添加categories分类
- JAVA 技术方向赏金任务-快递 E 栈训练任务
- yishaadmin,yishaadmin修改数据后回到起始页的解决办法,保持在修改前的页码,分页组件在修改数据后不返回到第一页
- Matlab之合并音频
- SEO优化之生成静态网页