在线无码不卡免费,四虎直播,天天操夜夜

純JS電子表格控件SpreadJS重磅出擊——推出全新甘特圖插件

轉(zhuǎn)帖|使用教程|編輯：龔雪|2023-08-25 10:15:21.410|閱讀 133 次

概述：甘特圖是SpreadJS純前端表格控件的新插件，它能夠?qū)I(yè)務(wù)場(chǎng)景中的工程項(xiàng)目管理、預(yù)算執(zhí)行和生產(chǎn)計(jì)劃等表格數(shù)據(jù)轉(zhuǎn)換為更加直觀(guān)的甘特圖模式。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

SpreadJS結(jié)合40余年專(zhuān)業(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 高度類(lèi)似，但又不局限于 Excel，而是為企業(yè)信息化系統(tǒng)提供表格文檔協(xié)同編輯、數(shù)據(jù)填報(bào) 和類(lèi) 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)換為更加直觀(guān)的甘特圖模式。作為一個(gè)特殊的"Sheet"，甘特圖可以無(wú)感的融入已有的表格中，使數(shù)據(jù)得以可視化展示，同時(shí)也更加直觀(guān)地展示計(jì)劃執(zhí)行情況，具體效果可見(jiàn)下圖：

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

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

基于SpreadJS的底層數(shù)據(jù)模型，甘特圖插件能夠?qū)?shù)形數(shù)據(jù)以甘特圖表格和圖表的形式展示，同時(shí)支持包含ID、Level和Children類(lèi)型數(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"
}
}