基于 Charts 图表插件

 Charts - 图表插件

       1)Highstock 可让你使用纯 JavaScript 创建股票或者通用的时间线图表。

 

主页:

http://www.highcharts.com/products/highstock

 

 

      2)Smoothie Charts是一个小型图表生成脚本,专为生成实时数据图表而设计。比如可以用于生成CPU使用情况的图表。

主页:

http://smoothiecharts.org/

演示地址:

http://smoothiecharts.org/examples/server-load.html

 

 

      3)JQuery Gantt Chart这是一款jQuery图表插件,可以实现甘特图。功能包括:读取JSON数据、结果分页、对每个任务用不同颜色显示、使用一个简短的描述作为提示、标注节假日等。

主页:

http://plugins.jquery.com/project/jQueryGantt

演示地址:

http://mbielanczuk.com/?p=34

 

 

       4)Elycharts是一个易于使用的,可定制的JavaScript图表绘制组件。这个组件可用于绘制大部分常用的图表类型包括:line, column, are, bar, pie, sparklines and combinations。

支持多种交互式功能包括:鼠标跟踪、事件处理、利用各种动画高亮显示选择中的区域,Tooltip,HTML锚点等。可以动态修改数据,并以漂亮的动画效果展示图表中的变化。图表利用SVG/VML技术生成,基于jQuery + Raphaël开发。

主页:

http://elycharts.com/

演示地址:

http://elycharts.com/examples

 

 

      5)AwesomeChartJS是一个利用HTML5<canvas>标签创建统计图表的开源Javascript类库,这个类库是独立的,不需要引入其它JS框架,使用也是非常简单。

 

主页:

http://cyberpython.github.com/AwesomeChartJS/

 

 

     6)Finger Chart (以下简称Finger)是一个轻量级的基于Flash技术开发的图表解决方案(未来考虑扩展到HTML5平台),由RIAMeeting社区推出,并基于LGPL协议开源。图表包括常见图表类型,包含线图,柱图,条图,饼图,区域图,散点图,气泡图等; Finger的应用目标是:Web应用和移动应用,因此也可以看出图表命名的初衷,即保持轻量级和较小的资源占用,以在有限的硬件资源下获得平稳流畅的运行。

 主页:

http://www.riadev.com/o/fingerchart/index.htmlCharts - 图表插件

演示地址:

http://www.riadev.com/o/fingerchart/demo.html

 

时间: 2024-09-09 13:17:48

基于 Charts 图表插件的相关文章

教你一款极为简单实用的图表插件

这里介绍一款简单实用的图表插件,该图表插件是基于jquery和jquery的插件 gchart很容易实现的,而gchart插件是封装了google的图表api . 一  柱状图  (1) 竖状单行条形直方图效果图:   以上数据取自某个网站六个月份的用户注册量 .从以上数据可以看出,一二月份注册用户数为0,图表能够清晰对比每个月份用户注册量的变化. //月度报表        function MonthReport() {            $.ajax({                

推荐几个不错的jQuery图表插件,让你的报表更清晰动感

很多时候我们需要在网页中显示数据统计报表,从而能很直观地了解数据的走向,更好地帮助决策分析.今天就给大家分享几个个人觉得好用的jQuery图表插件,这几个图表插件使用起来非常方便,而且挺灵活的,相信大家会喜欢. jqPlot(中文API说明及示例和源码)推荐 jqPlot是一款基于jquery类库的图标绘制插件.通过jqPlot可以在网页中绘制线状.柱状.饼状等多种样式图表 Google Chart(中文API详解) 利用Google Chart API可以动态地生成图表图形,例如在地址栏中输入

html5 canvas做的图表插件

用highchart的时候发现它是用svg来画图的,那么用canvas来做怎么样的. 以前做AS图表插件的时候,绘制图画主要用容器的Graphics对象来绘制,而canvas的context和Graphics一样,都可以用来绘制图形. 然后就试着用canvas做了这样一个东西. 具体实现如下,个人表达能力有问题,各位看官还是看源码吧,如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-T

基于google图表API的jquery组件全攻略:基础入门

gchart:基于google图表API的jquery组件全攻略--入门 gchart是基于google图表API的jquery组件.使用gchart可以方便地生成强大的各种图表和报表.基于google图表接口的gchart,有着简单.方便.强大.够用.好用的特点.<gchart:基于jquery的google图表接口组件全攻略>系列文章将带你走入gchart的报表世界. 先解释一下这个拗口的标题 google图表API: google图表API是google提供的一个可以生成各种图表的api

网页图表插件 都是用什么工具开发的?

问题描述 网页图表插件 都是用什么工具开发的? 网页图表插件 都是用什么工具开发的?那个大神有开发手册或者教程给菜鸟我学习一下, 跪求赐教! 解决方案 http://www.cnblogs.com/lhb25/p/35-javascript-chart-and-graph-libraries.html

基于jQuery倒计时插件实现团购秒杀效果_jquery

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间.倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等.今天,我们来使用jQuery倒计时超级实现团购秒杀效果,感兴趣的朋友一起学习吧! 1.1 帮助文档关键字 倒计时 秒杀 timer 1.2. 使用场景 这样的倒计时在购物网站中会经常使用到,比如秒杀,限时抢购,确认收货倒计时. 这个功能并不难实现,就是利用js的定时执行,搜了一下网上的代码,五花八门,都是一个方法,没有做到封装,方便使用,所以写了一个插件,方便项

基于jquery fly插件实现加入购物车抛物线动画效果_jquery

先给大家展示下效果图: 在购物网站中,加入购物车的功能是必须的功能,有的网站在用户点击加入购物车按钮时,就会出现该商品从点击出以抛物线的动画相似加入购物车,这个功能看起来非常炫,对用户体验也有一定的提高.下面介绍基于jquery fly插件实现加入购物车抛物线动画效果. 使用jquery.fly插件很方便时实现抛物线动画加入购物车的功能 一.插件下载 插件官方:https://github.com/amibug/fly 二.载入jQuery库文件和jquery.fly.min.js插件 <scr

基于jQuery Circlr插件实现产品图片360度旋转_jquery

Circlr是一款可以对产品图片进行360度全方位旋转展示的jQuery插件.Circlr通过按一定角度规律拍摄的产品图片,制作出可以使用鼠标拖动.鼠标滚轮和移动触摸来进行图片逐帧旋转的效果.比先前的Rollerblade,动画顺畅了许多,也更易于控制,该插件非常适合于商品的展示. 它的特点有: 支持水平或垂直方向旋转. 支持移动触摸事件. 支持滚动事件. 图片预加载处理. 可以反向和循环旋转图片. jQ酷实例教程:jQuery产品图片360度旋转Circlr 引入核心文件 <script sr

纯JavaScript基于notie.js插件实现消息提示特效_javascript技巧

本文实例介绍了纯JavaScript实现消息提示特效是一款基于notie.js插件实现的可以制作Alert提示框,确认框和带输入的消息框,分享给大家供大家参考,具体内容如下 效果图: 实现的代码: html代码: <br><br><br><br><br><br> <article class="zzsc"> <div class="div-ext"> <div cl