轉帖|使用教程|編輯:龔雪|2023-08-25 10:15:21.410|閱讀 133 次
概述:甘特圖是SpreadJS純前端表格控件的新插件,它能夠將業務場景中的工程項目管理、預算執行和生產計劃等表格數據轉換為更加直觀的甘特圖模式。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
SpreadJS結合40余年專業控件技術和在電子表格應用領域的經驗而推出的純前端表格控件,基于 HTML5,兼容 450 多種 Excel 公式,具備“高性能、跨平臺、與 Excel 高度兼容”的產品特性,備受華為、明源云、遠光軟件等知名企業青睞,被中國軟件行業協會認定為“中國優秀軟件產品”。SpreadJS在界面和功能上與 Excel 高度類似,但又不局限于 Excel,而是為企業信息化系統提供 表格文檔協同編輯、 數據填報 和 類 Excel 報表設計 的應用場景支持,極大降低了企業研發成本和項目交付風險。
甘特圖是SpreadJS純前端表格控件的新插件,它能夠將業務場景中的工程項目管理、預算執行和生產計劃等表格數據轉換為更加直觀的甘特圖模式。作為一個特殊的"Sheet",甘特圖可以無感的融入已有的表格中,使數據得以可視化展示,同時也更加直觀地展示計劃執行情況,具體效果可見下圖:
基于SpreadJS的底層數據模型,甘特圖插件能夠將樹形數據以甘特圖表格和圖表的形式展示,同時支持包含ID、Level和Children類型數據結構的數據。
// 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" } }
SpreadJS甘特圖插件支持不同級別的縮放顯示,可以方便的展示按周、按天、按小時等的工作排期情況。
如下圖所示,支持不同方式的滾動設置:
按照實際需要,對每一個Task Bar可以進行定制顯示,用于表示強調或者其他特殊含義。
SpreadJS甘特圖插件可以配置工作日,工作時間范圍等,以適應不同項目的實際需要。
本文內容源自
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: