js html css甘特图,JS甘特图 JQuery.Gantt

JQuery.Gantt是一个开源的基于JQuery库的用于实现甘特图效果的可扩展功能的JS组件库。它既可以图形化行程安排,也可以展示数据分布。

本人在原有基础上,修改了部分代码,较原有功能外,主要改进为:

1、修正“某一条数据为空时原有的代码js会报错的问题”。

2、修正“ie显示时进度条会闪烁的问题”。

3、json的数据不再为new Date(时间戳)的形式,直接为时间戳

页面展示为:

45f5d7dd83e3e8b00c7cb43ecda33e2b.png

其中,框1为上下翻页,框2表示滚动到当前时间,框3为滚动条和滚动按钮,框4为显示粒度切换。

代码引入:

注意若你引入的jquery为1.9+,则需要引入js/jquery-migrate-1.2.1.min.js,因为jquery1.9+取消了对$.browser的支持,若不引入升级包,则js运行出错

产生图表的js代码如下:$('选择器').gantt({

source: source, //显示的数据,见下面分析

navigate: "scroll", //显示成scroll还是buttons

months: ["January", "February", "March", "April", "May&


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部