1.0.2 • Published 2 years ago

h-gantt v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

快速开始

安装

Vue项目可用,使用插件需要提前安装Vue.js

npm i h-gantt

引用

页面引用

在当前页面写入

import hGantt from 'h-gantt' Vue.use(hGantt)//需引入Vue

components: { hGantt },

全局引用

在main.js中写入

import hGantt from 'h-gantt' Vue.use(hGantt)

HTML

数据格式

title:'任务标题',

quantity:10, //甘特图展示数据分段数

list:[{ title:'测试功能一', //单条数据标题 start:'2020-01-03',//数据起始时间 length:5 //持续时长(天) }

文档

介绍

项目中需要一个查看进度的图表,看了一些现有的甘特图,大多功能都比较复杂,样式有些陈旧,数据格式比较繁琐。所以做了一个比较简单的甘特图查看功能,如果有什么需求大家可以提出,后续会酌情更新。

文档地址

暂无

参数说明类型默认值
title甘特图表的标题string''
quantity区间个数number10
list图表数据array[]
list->title数据标题string--
list->start数据开始时间string(yyyy-mm-dd)或其它时间格式--
list->length数据持续时长(天)number--
1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.1.1

3 years ago

0.1.0

3 years ago