PhoneGap中文网

 找回密码
 立即注册
查看: 25753|回复: 6
打印 上一主题 下一主题

js创建图表的插件有哪些

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2013-8-17 09:32:39 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
Aristochart

DEMO|| Download



Aristochart 是一个用来创建图形和图表的最佳 JavaScript 工具包之一。完全可定制的灵活线图库。


Morris.Js – Pretty Time-Series Line Graphs

DEMO || Download



Morris.js 是一个轻量级的 JS 库,使用 jQueryRaphaël 来生成各种时序图。


JKit : JQuery Based UI Toolkit

DEMO || Download



JKit 是一个易用的 jQuery 工具包,体积小,提供常用的各种工具方法、页面特效和页面UI组件。


D3.Js – JQuery 3D Plugin

DEMO || Download




D3 是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HMTL表格,或是利用它的流体过度和交互,用相似的数据创建惊人的SVG条形图。


Rickshaw – JavaScript toolkit for creating interactive time series graphs

DEMO || Download




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


sDashboard – Simple & light weight Dashboard framework in jQuery

DEMO|| Download






sDashboard 是一个 jQuery 插件可以将关联对象转成各种面板,每个对象转成部件后可以进行拖拉操作。
Highcharts – Interactive JavaScript charts for your webpage


DEMO || Download





Highcharts是一个制作图表的纯Javascript类库,主要特性如下:
  • 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
  • 对个人用户完全免费;
  • 纯JS,无BS;
  • 支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;
  • 跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
  • 提示功能:鼠标移动到图表的某一点上有提示信息;
  • 放大功能:选中图表部分放大,近距离观察图表;
  • 易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
  • 时间轴:可以精确到毫秒;

jqPlot – A Versatile and Expandable jQuery Plotting Plugin

DEMO || Download



jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。


jQuery Spidergraph Plugin – Dynamic, interactive spidergraphs in HTML5

DEMO || Download





这是一个用来创建蜘蛛图的 jQuery 插件。


Dygraphs JavaScript Visualization Library

DEMO || Download



生成可交互、缩放的图表
特点
  • 处理庞大的数据集:dygraphs图数百万个点,而不陷入困境。
  • 互动开箱:缩放,平移和鼠标悬停在默认情况下。
  • 错误酒吧 /置信区间的大力支持。
  • 高度可定制:使用选项和自定义的回调,可以使dygraphs做几乎任何事情。
  • 的dygraphs是高度兼容的:它在所有主要的浏览器(包括IE8)。你甚至可以手机/平板电脑设备上放大
  • 这里有一个活跃的社区开发和支持dygraphs的。

it营
回复

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
沙发
发表于 2013-9-27 15:59:57 | 只看该作者
学习了,谢谢分享、、、
it营
回复 支持 反对

使用道具 举报

0

主题

59

帖子

61

积分

注册会员

Rank: 2

积分
61
板凳
发表于 2013-9-29 13:49:20 | 只看该作者
我是来刷分的,嘿嘿
回复 支持 反对

使用道具 举报

0

主题

59

帖子

61

积分

注册会员

Rank: 2

积分
61
地板
发表于 2013-9-30 11:02:56 | 只看该作者
我抢、我抢、我抢沙发~
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
5#
 楼主| 发表于 2013-10-1 06:04:29 | 只看该作者
看帖回帖是美德!:lol
回复 支持 反对

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
6#
发表于 2013-10-1 21:30:11 | 只看该作者
我是个凑数的。。。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-24 00:47 , Processed in 0.100231 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表