SpreadJS結(jié)合40余年專業(yè)控件技術(shù)和在電子表格應(yīng)用領(lǐng)域的經(jīng)驗(yàn)而推出的純前端表格控件，基于 HTML5，兼容 450 多種 Excel 公式，具備“高性能、跨平臺(tái)、與 Excel 高度兼容”的產(chǎn)品特性，備受華為、明源云、遠(yuǎn)光軟件等知名企業(yè)青睞，被中國(guó)軟件行業(yè)協(xié)會(huì)認(rèn)定為“中國(guó)優(yōu)秀軟件產(chǎn)品”。SpreadJS在界面和功能上與 Excel 高度類似，但又不局限于 Excel，而是為企業(yè)信息化系統(tǒng)提供 表格文檔協(xié)同編輯、 數(shù)據(jù)填報(bào) 和 類 Excel 報(bào)表設(shè)計(jì) 的應(yīng)用場(chǎng)景支持，極大降低了企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。

SpreadJS v16.0 Update1官方正式版下載

甘特圖是SpreadJS純前端表格控件的新插件，它能夠?qū)I(yè)務(wù)場(chǎng)景中的工程項(xiàng)目管理、預(yù)算執(zhí)行和生產(chǎn)計(jì)劃等表格數(shù)據(jù)轉(zhuǎn)換為更加直觀的甘特圖模式。作為一個(gè)特殊的"Sheet"，甘特圖可以無感的融入已有的表格中，使數(shù)據(jù)得以可視化展示，同時(shí)也更加直觀地展示計(jì)劃執(zhí)行情況，具體效果可見下圖：

SpreadJS甘特圖插件具備以下的功能：

1. 將屬性數(shù)據(jù)以甘特圖形式展示

基于SpreadJS的底層數(shù)據(jù)模型，甘特圖插件能夠?qū)湫螖?shù)據(jù)以甘特圖表格和圖表的形式展示，同時(shí)支持包含ID、Level和Children類型數(shù)據(jù)結(jié)構(gòu)的數(shù)據(jù)。

// the id-parentId structure
schema: {
hierarchy: {
type: "Parent",
column: "parentId"
},
columns: {
id: { isPrimaryKey: true }, // the primary key is required in Id-ParentId type, so that we could build the hierarchy tree nodes
taskNumber: { dataType: "rowOrder" } // the row order is required in Id-ParentId type, to make sure the you could update the correct data
}
}

// the level structure
schema: {
hierarchy: {
type: "Level",
column: "level"
}
}

// the children tree structure
schema: {
hierarchy: {
type: "ChildrenPath",
column: "children"
}
}

2. 支持對(duì)甘特圖區(qū)域進(jìn)行不同級(jí)別的縮放展示

SpreadJS甘特圖插件支持不同級(jí)別的縮放顯示，可以方便的展示按周、按天、按小時(shí)等的工作排期情況。

3. 支持按照不同單位進(jìn)行滾動(dòng)

如下圖所示，支持不同方式的滾動(dòng)設(shè)置：

4. 可對(duì)圖表中的對(duì)象進(jìn)行定制

按照實(shí)際需要，對(duì)每一個(gè)Task Bar可以進(jìn)行定制顯示，用于表示強(qiáng)調(diào)或者其他特殊含義。

5. 可對(duì)日歷進(jìn)行配置

SpreadJS甘特圖插件可以配置工作日，工作時(shí)間范圍等，以適應(yīng)不同項(xiàng)目的實(shí)際需要。

6. 支持保存為 SSJSON / SJS / Excel / PDF，并支持打印功能

本文內(nèi)容源自