SpreadJS重磅推出甘特图插件

发布时间:2023/08/04 19:08 发布者:Leo

返回博客中心

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

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

2. 支持对甘特图区域进行不同级别的缩放展示

SpreadJS甘特图插件支持不同级别的缩放显示,可以方便的展示按周、按天、按小时等的工作排期情况
IMG_257
3. 支持按照不同单位进行滚动

如下图所示,支持不同方式的滚动设置

IMG_258
4. 可对图表中的对象进行定制

按照实际需要,对每一个Task Bar可以进行定制显示,用于表示强调或者其他特殊含义

IMG_259
5. 可对日历进行配置

SpreadJS甘特图插件可以配置工作日,工作时间范围等,以适应不同项目的实际需要。

IMG_260

6. 支持保存为 SSJSON / SJS / Excel / PDF,并支持打印功能
IMG_261

申请预览版试用

如果想参与甘特图的预览版试用,可访问以下地址进行获取:https://gcdn.grapecity.com.cn/showtopic-180313-1-1.html

预览版产品包有以下的内容:

  • 甘特图功能说明文档
  • 7个插件示例:初始化甘特图、缩放及滚动、定制样式、布局设置、任务设置、日历设置、导入导出

SpreadJS | 下载试用

纯前端表格控件SpreadJS,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金等行业龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能,满足表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景需求,极大的降低企业研发成本和项目交付风险。

如下资源列表,可以为您评估产品提供帮助: