纯JS电子表格控件SpreadJS重磅出击——推出全新甘特图插件-控件新闻-慧都网

纯JS电子表格控件SpreadJS重磅出击——推出全新甘特图插件

转帖|使用教程|编辑：龚雪|2023-08-25 10:15:21.410|阅读 141 次

概述：甘特图是SpreadJS纯前端表格控件的新插件，它能够将业务场景中的工程项目管理、预算执行和生产计划等表格数据转换为更加直观的甘特图模式。

SpreadJS结合40余年专业控件技术和在电子表格应用领域的经验而推出的纯前端表格控件，基于 HTML5，兼容 450 多种 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、明源云、远光软件等知名企业青睐，被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS在界面和功能上与 Excel 高度类似，但又不局限于 Excel，而是为企业信息化系统提供表格文档协同编辑、数据填报和类 Excel 报表设计的应用场景支持，极大降低了企业研发成本和项目交付风险。

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

甘特图是SpreadJS纯前端表格控件的新插件，它能够将业务场景中的工程项目管理、预算执行和生产计划等表格数据转换为更加直观的甘特图模式。作为一个特殊的"Sheet"，甘特图可以无感的融入已有的表格中，使数据得以可视化展示，同时也更加直观地展示计划执行情况，具体效果可见下图：

SpreadJS甘特图插件具备以下的功能：

1. 将属性数据以甘特图形式展示

基于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"
}
}