基于Vue的gannt（甘特图）组件

gannt组件演示

gitee 地址

 https://gitee.com/TianhaoWang1996/gannt-self.git

npm 安装

npm i gannt-self -S

引用

import ganntSelf from "gannt-self";

属性

参数	说明	类型	可选值	默认值
taskList	数据源 ，具体见下表	array		[ ]
cycle	周期	string	year / month / day	day
readOnly	可读	boolean		false
limitRange	范围限制，具体见下表	object		{ }

taskList

参数	说明	类型	可选值	默认值
taskName	任务名	string		[ ]
startDate	任务开始日期 （暂时只支持 YYYY-MM-DD 格式）	string	2021-03-04	day
endDate	任务开始日期 （暂时只支持 YYYY-MM-DD 格式）	string	2021-03-04	day
readOnly	该任务是否可读	boolean		false
isRangeLimit	是否开启范围限制	boolean		false
contextmenu	菜单配置（title 菜单名/handle 回调函数）	array

Slots

名称	说明
taskTopText	任务上方文本

Events

事件名称	说明	回调参数
min-limit-exceeded	任务超过最小日期时触发	当前任务
maxLimitExceeded	任务超过最大日期时触发	当前任务

组件持续维护中，如遇bug和问题，请私信联系。