重要な機能 - SpreadJS が新しいプラグインガントチャートを開始、プレビューバージョンのダウンロードエクスペリエンスを追加

要約: この記事は元々、Grape City の技術チームによって CSDN に公開されたものです。転載元を明記してください:グレープシティ公式ウェブサイト、グレープシティは、開発者に力を与えるための専門的な開発ツール、ソリューション、サービスを開発者に提供します。

ガントチャートは、ビジネスシナリオにおけるエンジニアリングプロジェクト管理、予算執行、生産計画などのために、元の表形式データを直感的なガントチャートモードに変換できます。純粋なフロントエンドテーブルコントロール SpreadJS のプラグインとして、ガントチャートは特別な「シート」として既存のテーブルに統合でき、データの視覚的な表示に便利で、プランの実行も表示できます。次の図に示すように、より直感的にわかります。

SpreadJS ガントチャートプラグインには次の機能があります。

1. SpreadJS の基盤となるデータモデルに基づいて、ツリーデータをガントチャートテーブルおよびチャートとして表示でき、ID、レベル、子タイプのデータ構造をサポートします。

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

}

}