一个react类甘特图图表,功能是时间基线上的任务
time-gantt
一个react类甘特图图表,功能是时间基线上的任务耗时管理,并且能够与过往耗时进行对比。
运行效果
可以直接去demo文件夹运行。进入deo文件夹。
npm install
npm start
使用
npm i time-gantt --save
调用
import Gantt from 'time-gantt';
<Gantt data={data}></Gantt>
接口
data的数据结构:
const data = { title: "业务甘特图", // 图表名 showPercent: 0.1, // 显示百分比 showStartPercent: 0.2, // 起始位置百分比 showDate: '2018-04-01 00:00', // 展示的日期 nodes: [ { id: '1', name: '小鹿1', // 任务名 yAxis: '任务1', // Y 轴 value: { // 运行时间 startTime: '2018-03-31 23:30', endTime: '2018-04-01 02:25', }, averageValue: 3600000, // 历史运行时间 // 毫秒 highlightPoints: [{ // 错误点 time: '2018-04-01 02:10', }], }, } 欢迎提PR
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。