10款强大的开源 Javascript 图表库

一、EChartshtml

ECharts 由百度前端技术部开发的,是一个纯 Javascript 的图表库,能够流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/十一、Chrome、Firefox、Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。前端

ECharts 有良好的自适应效果,ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,而且对移动端作了深度的优化。jquery

图片1

图片2

二、Chart.jsw2222canvas

Chart.js 是一个简单、面向对象、为设计者和开发者准备的 Javascript 图表绘制工具库,基于 HTML5 canvas 技术,支持全部现代浏览器,而且针对 IE7/8 提供了降级替代方案。浏览器

Chart.js 不依赖任何外部工具库,轻量级(压缩以后仅有4.5k),而且提供了加载外部参数的方法。能用多种不一样的方式让数据变得可视化。函数

图片3

三、jqPlot工具

jqPlot 是一个很是强大的基于 jquery 类库的 Javascript 图表工具,可在网页中绘制线状、柱状、饼状等多种样式图表。布局

jqPlot 强大之处在于将内容呈现为动态嵌入的静态图像,这意味着图表数据能够经过 Ajax 更新,甚至不须要刷新页面。 某些图表类型甚至具备悬停选项,可在悬停时显示相关数据。优化

图片5

图片6

四、Chartist.js动画

Chartist.js 是一个使用 SVG 构建的简单的响应式图表库,能够做为前端图表生成器。一样兼容当前绝大部分浏览器(IE8/9/10/十一、Chrome、Firefox、Safari等)。

Chartist.js 每一个图表从大小到配色方案都是彻底响应和高度可定制的,依靠 SVG 将图形做为图像动态地呈现到页面上。彻底使用 SASS 构建,而且支持自定义。

图片7

图片8

五、xCharts

xCharts 是一个使用 D3.js 来构建漂亮的可定制的数据驱动的 JavaScript 图表库,使用 HTML、CSS、SVG 实现图表,适用于熟悉数据可视化的用户。

经过 xCharts 渲染的全部内容都有很强的适应性,在与数据交互时添加本身的动画或缓动函数也较为容易。

图片9

六、C3.js

C3.js 也是一个基于 D3.js 的可重用的开源 JavaScript 图表库。这意味着将数据图表绘制到 HTML 页面上的过程获得简化,不须要大量的自定义 D3 图表代码,也相对容易上手。

C3.js 全部的数据是彻底动态的,从工具到图形颜色。它使用很是舒服,有充分的可定制性和控制性,支持多种图表类型。

图片10

七、Pizza Pie Charts

Pizza Pie Charts 是由 ZURB 开发的一个知名的 JavaScript 库,用于渲染基于 SVG 的饼图。

图片11

八、Protovis

Protovis 使用简单的标记(例如条形和点)组成数据的自定义视图。 与一些低级图形库不一样,Protovis 经过对数据进行编码的动态属性来定义标记,容许继承、缩放和布局来简化构建。

图片12

九、Flot

Flot 是 jQuery 的纯 JavaScript 图表库,专一于使用简单,外观漂亮和强互动功能。它是特定的 jQuery 库,这意味着你须要使用它须要熟悉基础的 jQuery。可是从另外一方面来讲,这意味着你能够全面控制呈现,动做和用户交互。

图片13

十、Dygraphs

Dygraphs 也是一个基于 HTML5 canvas 的 JavaScript 图表库,能够生成一个可交互式的,可缩放的的曲线表,能够用来显示大密度的数据集(好比股票、气温等等),而且可让用户来浏览和解释这个曲线图。

 

图片14

慧都控件网

智慧认知长图

相关文章
相关标签/搜索