精华内容
下载资源
问答
  • 甘特图插件

    千次阅读 2018-09-27 14:24:44
    这次为大家介绍的是,将以范例形式公开的 “用甘特图显示To Do” 的Javascript转变为插件文件的步骤。 关于操作详情请参考 kintone 插件开发的准备。 主要的更新信息 2017/05: 对应了大项目-小项目表示形式。...

    概要

    这次为大家介绍的是,将以范例形式公开的 “用甘特图显示To Do” 的Javascript转变为插件文件的步骤。
    关于操作详情请参考 kintone 插件开发的准备

    主要的更新信息

    2017/05: 对应了大项目-小项目表示形式。其他的追加功能请参考“更新履歴”。
    注意:使用旧版本插件的系统,更新到新版本插件时,由于之前的颜色设置将变得无效,所以需要到插件的设置页面重新设置。

       另外、v2.0.0和以前的版本相比,在设置方法上稍微有点不一样。安装前请务必确认下这边的文章。
       甘特图插件更新的详细解说 (暂时仅提供日文)

    完成的样子

    下面是使用这个插件后,应用上显示的样子。
    根据记录列表里的记录数据来显示甘特图。

    应用准备

    此次插件所用的应用,“To Do”(请在附件中下载) 。
    ※对于已经在使用中的应用也可以直接安装。
    将应用添加到您的kintone里,并添加几条范例数据。
    ※像完成的样子这样,想要设置2维结构的时候,需要追加表格字段。详细的设定方法可以参考这里 (暂时仅提供日文)的文章。

    插件文件的结构

    访问plugin-sdk ,并下载各个文件夹。这些文件夹的里面有一个叫 " examples/ganttchart " 的,是这次使用的整个文件包。
    “ganttchart” 下面的文件结构如下图。

    各文件夹里面的文件说明。

    全部教程:https://cybozudev.kf5.com/hc/kb/article/1007997/

    展开全文
  • 甘特图插件带例子

    2018-11-27 15:23:14
    甘特图插件,里面附带例子,资源丰富。。。。。。。。
  • 强大的破解版甘特图插件,支持选周,月,年等时间。并结合bootstarp。美观
  • jquery甘特图插件开源

    2014-08-26 11:39:13
    jquery甘特图插件开源,比较美观,简单易用
  • jquery-gantt:轻量级的jQuery甘特图插件
  • jquery 甘特图插件,有已用时间阴影,有实际与计划时间对比,有审核节点显示。自开发插件,可二次开发,可定制。
  • Jquery 甘特图 插件 jQuery Gantt

    分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

    也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

                   

    http://taitems.github.io/jQuery.Gantt/


    参数默认值类型说明
    sourcenullArray, String (url)数据源:json数组或者返回json的url地址
    itemsPerPage7Number每页显示项目数
    months["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]Array月份对应的显示字符
    dow["S", "M", "T", "W", "T", "F", "S"]Array周日到周一的显示字符
    navigate"buttons"String ("buttons","scroll")导航类型:按钮和滚动条
    scale"days"String显示单元
    maxScale"months"String视图缩放最大单元
    minScale"hours"String视图缩放最小单元
    waitText"Please Wait..."String加载时的提示文字
    onItemClick:function (data) { return; } 点击时执行的操作,参数是被点击项目相关联的数据对象
    onAddClickfunction (dt, rowId) { return; } 在空白格子点击时执行的函数
    第一个参数是点击点对应时间的毫秒数,第二个参数对象的id
    onRenderfunction () { return; } 甘特图渲染完毕后执行的操作
    useCookiefalse 声明是是否使用cookie记录图表的状态(缩放单元、滚动条位置)
    需要使用jquery.cookie.js才能使用该选项
    scrollToTodaytrueBoolean是否滚动到当天

    Source Configuration 数据源配置格式

    source: [{ name: "标题", desc: "描述.", values: [ ... ]}]
    参数默认值类型说明
    namenullString甘特图左侧显示的每行所对应的标题——体文字部分
    descnullString左侧说明的描述部分
    valuesnullArray甘特图单元所对应的时间段等信息,在右侧的单元格显示

    Value Configuration 数据源的json数值对

    values: [{ to: "/Date(1328832000000)/", from: "/Date(1333411200000)/", desc: "鼠标悬停时的描述文字", label: "甘特图项目标题", customClass: "ganttRed", dataObj: foo.bar[i]}]
    参数类型说明
    toString (Date)结束时间(毫秒数,php返回时可以在时间戳后添加3个0)
    fromString (Date)开始时间
    descString鼠标悬停到项目上个的提示文字Text that appears on hover, I think?
    labelString甘特图项目的标题文字
    customClassString添加到甘特图项目的自定义类,可以用来标记甘特图项目的颜色
    dataObjAll点击时应用到甘特图项目的data对象


    $(function() {   "use strict";   $(".gantt").gantt({    source: [{     name: "Sprint 0",     desc: "Analysis",     values: [{      from: "/Date(1320192000000)/",      to: "/Date(1322401600000)/",      label: "Requirement Gathering",      customClass: "ganttRed"     }]    },{     name: " ",     desc: "Scoping",     values: [{      from: "/Date(1322611200000)/",      to: "/Date(1323302400000)/",      label: "Scoping",      customClass: "ganttRed"     }]    },{     name: "Sprint 1",     desc: "Development",     values: [{      from: "/Date(1323802400000)/",      to: "/Date(1325685200000)/",      label: "Development",      customClass: "ganttGreen"     }]    },{     name: " ",     desc: "Showcasing",     values: [{      from: "/Date(1325685200000)/",      to: "/Date(1325695200000)/",      label: "Showcasing",      customClass: "ganttBlue"     }]    },{     name: "Sprint 2",     desc: "Development",     values: [{      from: "/Date(1326785200000)/",      to: "/Date(1325785200000)/",      label: "Development",      customClass: "ganttGreen"     }]    },{     name: " ",     desc: "Showcasing",     values: [{      from: "/Date(1328785200000)/",      to: "/Date(1328905200000)/",      label: "Showcasing",      customClass: "ganttBlue"     }]    },{     name: "Release Stage",     desc: "Training",     values: [{      from: "/Date(1330011200000)/",      to: "/Date(1336611200000)/",      label: "Training",      customClass: "ganttOrange"     }]    },{     name: " ",     desc: "Deployment",     values: [{      from: "/Date(1336611200000)/",      to: "/Date(1338711200000)/",      label: "Deployment",      customClass: "ganttOrange"     }]    },{     name: " ",     desc: "Warranty Period",     values: [{      from: "/Date(1336611200000)/",      to: "/Date(1349711200000)/",      label: "Warranty Period",      customClass: "ganttOrange"     }]    }],    navigate: "scroll",    maxScale: "hours",    itemsPerPage: 10,    onItemClick: function(data) {     alert("Item clicked - show some details");    },    onAddClick: function(dt, rowId) {     alert("Empty space clicked - add an item!");    },    onRender: function() {     if (window.console && typeof console.log === "function") {      console.log("chart rendered");     }    }   });   $(".gantt").popover({    selector: ".bar",    title: "I'm a popover",    content: "And I'm the content of said popover.",    trigger: "hover"   });   prettyPrint();  });

               

    给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow

    这里写图片描述
    展开全文
  • Anygantt甘特图插件

    热门讨论 2009-08-06 00:52:25
    国外一款有名的甘特图插件,只需要挂接入程序,就可以很方便的使用其中的功能了
  • 甘特图插件 For Todolist

    热门讨论 2009-10-06 11:38:53
    甘特图插件 For Todolist 版本:gantt-viewer-1.0.1.1
  • 简易甘特图插件

    2019-01-21 09:54:48
    JQuery.Gantt是一个开源的基于JQuery库的用于实现甘特图效果的可扩展功能的JS组件库。
  • 所以就有用甘特图来展示数据的插件诞生,但是传统的这类插件只能展示,不能在图上操作任务,这次我们就要自己动手来制作这么一款带拖拽编辑数据的甘特图插件。不用担心从头制作有多么困难,实际上小编已经为您准备好...

    如何在甘特图上直接拖拽调整任务管理?

    在kintone上,经常会碰到用户希望建立一些项目管理用的App,来做类似任务TODO类的工作,但是kintone默认的表格形式不容易展示数据。所以就有用甘特图来展示数据的插件诞生,但是传统的这类插件只能展示,不能在图上操作任务,这次我们就要自己动手来制作这么一款带拖拽编辑数据的甘特图插件。不用担心从头制作有多么困难,实际上小编已经为您准备好了所有基础库和搭建方式的原型,您只要一步步照着做即可。而且原型很容易扩展,只要您了解各部分的结构原理,后期加上各种酷炫功能也是轻而易举的事情。

    下图是完成后的效果:

    0015ee6ef4262af27411592def43918

     

    更多文章和演示可到kintone demo环境查看
    展开全文
  • 一个 jQuery 甘特图插件 ###Introduction PS_GanttView 是一个 jQuery 插件,用于显示来自 JSON 数据集合的简单甘特图或时间表。 ###Usage 将 jQuery.PS_GanttView.js 和 PS_GanttView.css 包含到您的项目中。 有...
  • 甘特图插件 gantt chart For Todolist 2.0.0.1
  • gantt甘特图插件

    2017-11-30 12:29:54
    gantt图插件,根据国外的gantt.js修改,原版有BUG,修改后gantt环节上支持hover和click事件~
  • 龙博jsp甘特图插件.rar

    2019-08-29 14:39:01
    Ext Gantt甘特图是基于Extjs核心库的开发的,基于WEB浏览器的甘特图解决方案。可应用于项目管理系统、 生产执行系统(MES)、资源管理 系统(ERP)或其它的任务资源分配相关领域的应用程序的。Ext Gantt甘特图完全兼容...
  • 基于angular2-gantt插件改写,实现可自由添加甘特图的列数和列名,可根据列数生成对应的多条进度条。目前尚未实现树形节点甘特图的展现及控制。本资源提供完整可运行的样例。兼容angular2及以上版本
  • Gantt - 超好用小众的JIRA甘特图插件

    千次阅读 2020-11-25 23:18:08
    最近比较了一下JIRA市场上的甘特图插件,发现了一款小众的超好用的插件Gantt。相对比老牌的biggant structure,Gantt 使用方法简单,功能齐全,而且还是免费的噢。让我们一起来看看这款插件的试用吧。 一、简介的...

    最近比较了一下JIRA市场上的甘特图插件,发现了一款小众的超好用的插件Gantt。相对比老牌的biggant structure,Gantt 使用方法简单,功能齐全,而且还是免费的噢。让我们一起来看看这款插件的试用吧。

    一、简介的设置

    1、设置界面十分简单。通过项目筛选搭配强大的JQL筛选器可轻松定位到我们需要的甘特图需求集。

    2、清晰的项目进度展示。显示了问题类型、概要、起止时间、周期,状态和任务进度。

    可支持进度条拖拉定位,可支持任务上下拖拉改变位置。

    3、支持以人员维度的资源日历展示。点击人员图标,即可展示以人为维度的资源使用情况。

    展开全文
  • jquery甘特图插件

    2016-04-19 18:58:33
    亲测可以运行,免费资源可下载后一起研究如何使用,可集成Extjs
  • 这几天,又加了两个新功能,一个是,打开...chart(二)" TITLE="dojo甘特图插件扩展gantt chart(二)" /> 默认显示今天的比较简单,在ganttchart.js中加入一个函数即可 goToToday: function(){  var a=new Date
  • 开源的甘特图插件

    2018-11-27 14:48:54
    基于jQuery 3.2 MIT许可:您可以在任何地方重复使用, JSON导入导出,国际化 、管理任务状态 - >项目工作流程 、管理依赖项、管理任务(资源,角色工作)、服务器同步就绪、完全撤消 - 重做支持、跨浏览器(至少对于...
  • 免费版的 Easy Gantt 插件具有以下基本功能:支持redmine 3.*以及4.*的版本 以拖拽的方式更新任务和里程碑的起止时间 编辑恢复 日、周、月三种不同的时间轴视图 待解决问题列表,如某项任务按计划应该已经完成但仍...
  • vue 甘特图插件

    千次阅读 2019-06-17 11:18:25
    官网地址:https://dhtmlx.com/blog/use-dhtmlxgantt-vue-js-framework-demo/
  • dojo甘特图插件扩展gantt cha…

    千次阅读 2015-02-06 13:50:31
    最近几周,公司为了管理项目,要做甘特图,甘特图的插件,要不是很烂,要不是不完善,要不就是收费的...chart(一)" TITLE="dojo甘特图插件扩展gantt chart(一)" />    首先吐槽下,初始化甘特图的时候  gantt
  • 内容都在代码中,上上代码! 代码 <!DOCTYPE html> <html> <head> <title>ganttu.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3">...
  • 甘特图以图示的方式通过活动列表和时间刻度形象地表示出任何特定项目的活动顺序与持续时间。基本是一条线条图,横轴表示时间,纵轴表示活动(项目),线条表示在整个期间上计划和实际的活动完成情况。它直观地表明...
  • jQuery甘特图插件jQuery.Gantt

    千次阅读 2017-08-28 16:13:59
    参数默认值接收类型解释namenullString每一行最左侧的一列以粗体显示descnullString每一行左侧第二列valuesnullArray甘特图日期范围项 Value 配置 1 2 3 4 5 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 388
精华内容 155
关键字:

甘特图插件