介绍

这是一个简单的利用数据展现Gantt图功能的组件，主要利用的是jquery.fn.gantt.js。

文件结构

|lib|| |-|-| |-css|| ||-style.css| |-img|| ||-grid.png| ||-slider_handle.png| ||-icon_sprite.png| |-jq|| ||-jquery.fn.gantt.js| ||-jquery.min.js| |bundle.js|| |container.json|| |text.json||

其中container.json和text.json是内部容器和内部数据，如果不存在外部导入的容器和数据则会使用内部容器与数据替代（内部容器是空，内部数据存有测试数据）。

使用方法

import

import  React  from  'react';
import  NGantt  from  'narumi-gantt';

完整使用

var  text = require('./text.json');
<NGantt text={text} name="name1"/>

自定义数据 text（内部为待处理数据） 若不存在startDate则会选取当前日期作为startDate

[{
	"UID":"测试",
	"orderId":"测试",
	"materialName":"测试",
	"startDate":20230817,
	"requireDate":20230817,
}]

内部div的classname name（组件多次调用时，避免渲染后覆盖同名div）

内部container（内部容器，内容为空，不需要设置）

{"demoSource":[]}

不完整使用（使用内部数据和内部div名【内部div名为gantt。暂未设置修改，所以多次使用会导致后者覆盖前者，请最多使用一次且避免同名】）

<NGantt/>

除此之外（也支持以下使用方式，未定义部分取用内部）

<NGantt name="name1"/>
<NGantt text={text}/>