Web前端最流行图表显示组件

echarts

评价: 5星（国产组件，达到这种高度，不多）

官网: http://echarts.baidu.com/

说明: ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果，并且对移动端做了深度的优化。

教程: http://echarts.baidu.com/tutorial.html#ECharts 特性介绍

demo: http://echarts.baidu.com/demo.html#bubble-gradient

源码: https://github.com/ecomfe/echarts

http://echarts.baidu.com/echarts2/doc/example.html

基于各种语言的例子：https://github.com/ecomfe/echarts

rickshaw

官网:

http://code.shutterstock.com/rickshaw/ 这个地址不翻墙，打不开

https://github.com/shutterstock/rickshaw

说明: Rickshaw 是一个用于绘制时序图的简单 jS 库，基于 Mike Bostock’s delightful D3 库构建

demo: https://github.com/shutterstock/rickshaw/tree/master/examples

sparkline

官网:

http://omnipotent.net/jquery.sparkline/

http://www.highcharts.com/

说明: sparkline是一类信息体积小和数据密度高的图表。目前它被用作一些测量，相关的变化的信息呈现的方式，如平均温度，股市交投活跃。sparkline常常以一组多条的形式出现在柱状图，折线图当中。

Demo: http://www.highcharts.com/demo/sparkline

flot-chart

官网: http://www.flotcharts.org/

说明: Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Demo: http://www.flotcharts.org/flot/examples/

学习资源

http://www.jqueryflottutorial.com/jquery-flot-chart-types.html

源码: https://github.com/flot/flot

实例源码: https://github.com/flot/flot/tree/master/examples

easypiechart

官网: https://github.com/rendro/easy-pie-chart/

说明:EASY PIE CHART是一个轻量级的jQuery插件，主要用来渲染和制作漂亮的饼图及动画效果，基于与HTML5的canvas元素。

Demo: https://github.com/rendro/easy-pie-chart/tree/master/demo

Chart.js

官网:http://chartjs.org/

说明: Chart.js是一个基于HTML5 canvas技术的开源图表绘制工具库。Chart.js简化了在网站上绘制动态图表的工作。

文档: http://www.chartjs.org/docs/

中文文档: http://www.bootcss.com/p/chart.js/docs/

Knob Charts

官网: http://anthonyterrien.com/knob/

说明: 一款生成超酷的旋钮特效的工具库

Demo: http://anthonyterrien.com/demo/knob/

morris.js

官网: http://morrisjs.github.io/morris.js/

说明: Morris.js 是一个轻量级的JS库，用来生成各种时序图和区域图

源码: https://github.com/morrisjs/morris.js/

Demo: https://github.com/morrisjs/morris.js/tree/master/examples

Web前端最流行图表显示组件相关推荐

Web前端鼠标悬停实现显示与隐藏效果
css定义,偏移量,相对定位,绝对定位显示与隐藏二维码相对于微信图标定位鼠标悬停微信图标上显示鼠标离开微信图标时隐藏什么是定位,就是定义网页标签在运行时显示的位置 css提供Position ...
html显示隐藏密码,Web前端，登录密码显示隐藏眼睛
html Login
爱奇艺知识WEB前端组件化实践
组件化作为一种开发模式,其在代码复用,提高开发效率上的效果被广泛认可.组件化思想适用于移动端.Web前端.PC端.TV端等多种类型的客户端和前端开发. 本文主要讲述爱奇艺知识 WEB 前端团队如何结合 ...
javaweb与web前端的区别
一,什么是javaweb? 1.java的发展方向有安卓开发,web开发,嵌入式,服务器等, 2.javaweb主要是做web方向,分两块一块是服务器端叫后端,另一块叫前端,也就是web前端. 3. ...
c#服务器后台搭建_【成都】九强通信 | 国企招聘C#、C++、Web前端，期待你的加入！...
成都IT内推圈成立于2016年,专注成都IT互联网领域的招聘与求职;覆盖精准IT人群10W+,通过内推圈推荐且已入职人数超过5000+,合作公司均系成都知名或靠谱公司.此公众号每天7:30AM准时推送 ...
react组件卸载调用的方法_好程序员web前端培训分享React学习笔记（三）
好程序员web前端培训分享React学习笔记(三),组件的生命周期 React中组件也有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化.运行中.销毁.错误处 ...
cmdb python 采集虚拟机_Python编程(三十四)：CMDB后台管理、封装自定义JS组件、前端td标签定制显示内容及属性...
一. CMDB后台管理 CMDB管理主要分为采集资产.API接口.后台管理.这里主要介绍CMDB后台管理. - 采集资产 - API - 后台管理- 资产列表- 业务线列表- 用户列表- 组列表... ...
Web前端框架（JavaScript，CSS）、html组件、CSS规范与第三方库
1.什么是前端框架前端框架一般指用于简化网页设计的框架,使用广泛的前端开发套件,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件( ...
web前端入门到实战：网页设计十大流行趋势
1.个性化排版设计最近看到越来越多的网络设计尝试个性化的风格,其中比较突出的一点是个性化字体的增多:用自己独特设计的字体代替标准印刷体,让设计更加独特.让字体在体现个性的同时保留专业印刷风格. 2. ...

Web前端最流行图表显示组件

Web前端最流行图表显示组件相关推荐

最新文章

热门文章