分享一个基于事件时间线的Javascript类库-Chronoline
来源:互联网 发布:java桌面开发框架fx2 编辑:程序博客网 时间:2024/05/29 15:21
日期:2012-6-12 来源:GBin1.com
在线演示 本地下载
Chronoline.js是一个javascript的类库用来帮助开发者创建一个按时间来展示的时间线。
整个时间线水平方向显示,我们可以方便的显示任何时间长度的事件,并且提供一个tooltip来展示事件详细内容。
主要特性
需要类库:
- raphael.js: 2.1.0
- jQuery: 1.7.2
- qTip2: 04/24/12 nightly
支持浏览器:
- Internet Explorer 8+ (except the tooltips)
- Firefox 12+
- Chrome 18+
整个类库支持拖放,支持屏幕横向滚动。
如何使用
倒入类库:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><link rel="stylesheet" type="text/css" href="chronoline/jquery.qtip.min.css" /><script type="text/javascript" src="chronoline/jquery.qtip.min.js"></script><script type="text/javascript" src="chronoline/raphael-min.js"></script><link rel="stylesheet" type="text/css" href="chronoline/chronoline.css" /><script type="text/javascript" src="chronoline/chronoline.js"></script>
实例一个时间线:
var timeline1 = new Chronoline(document.getElementById("target1"), events,{animated: true, tooltips: true, defaultStartDate: new Date(2012, 3, 5), sections: sections, sectionLabelAttrs: {'fill': '#997e3d', 'font-weight': 'bold'},});
如果你需要使用时间轴方式来展示你的事件,Chronoline.js是一个不错的选择,希望大家喜欢!如果你有任何问题,请给我们留言!
来源:分享一个基于事件时间线的Javascript类库-Chronoline
- 分享一个基于事件时间线的Javascript类库-Chronoline
- javascript的时间事件
- 分享一个基于D3.js的互动可重用图表javascript类库 - NVD3.js
- 事件格式化JQuery可以说是Web项目中不可或缺的一个Javascript类库 js格式化时间的方法。
- javascript事件,自定义事件,基于自定义事件的解耦
- 分享一个基于jQuery的Cookie插件
- JavaScript 基于对象事件的 AOP 实现
- JavaScript基于时间的动画算法
- JavaScript基于时间的动画算法
- JavaScript基于时间的动画算法
- [分享]微软BI专题-基于OLAP的时间维度设计
- 分享几款基于jquery不错的时间插件
- 分享几款基于jquery不错的时间插件
- mysql基于时间恢复的一个过程
- javascript的事件中遍历一个dataset:
- 一个关于文本框的javascript事件疑惑
- Javascript事件绑定的一个坑
- 10个基于浏览器的JavaScript调试工具分享
- 内存池
- 用windbg实现虚拟地址到物理地址转换(Converting Virtual Addresses to Physical Addresses)
- 动态时间归整/规整/弯曲(Dynamic time warping,DTW)
- 分布式计算概括
- vs2010 qtadmin配置qt路径时提示错误“This Qt version uses an unsupported makefile generator ”
- 分享一个基于事件时间线的Javascript类库-Chronoline
- vlc的应用之八:MFC调用libvlc.dll
- android Home键的屏蔽,截取
- 网页消重算法(via北大天网课题组)
- VC++中注意申请数组之后,一定要初始化,即便每次都会重新申请地址
- VC编辑框内容的获取和初始化
- 让程序在崩溃时体面的退出之总结
- 互联网协议入门
- QT中文显示乱码