data: 任務(wù)數(shù)據(jù)數(shù)組，包含每個任務(wù)的信息，例如 id、text、start_date、duration 等等。
links: 鏈接數(shù)據(jù)數(shù)組，包含每個鏈接的信息，例如 id、source、target 等等。
key: 任務(wù)數(shù)據(jù)對象中唯一標(biāo)識每個任務(wù)的屬性名稱，默認為 "id"。
parent: 任務(wù)數(shù)據(jù)對象中用于標(biāo)識父任務(wù)的屬性名稱，默認為 "parent".
open_tree_initially: 布爾值，如果設(shè)置為 true，則所有任務(wù)默認展開。
preserve_links: 布爾值，如果設(shè)置為 true，則鏈接信息中的任務(wù)不存在時也會保留鏈接。
preserve_tasks: 布爾值，如果設(shè)置為 true，則鏈接信息中的任務(wù)不存在時也會保留任務(wù)。

const data = [
  { id: 1, text: "Task 1", start_date: "2023-03-15", duration: 3 },
  { id: 2, text: "Task 2", start_date: "2023-03-18", duration: 2, parent: 1 },
];
/*
gantt.parse 方法中的 data 參數(shù)是一個包含任務(wù)信息的數(shù)組。每個任務(wù)都包含多個字段，下面是一些常用的字段及其作用：
id: 任務(wù)的唯一標(biāo)識符。
text: 任務(wù)的名稱。
start_date: 任務(wù)的開始日期，可以是一個字符串或者一個 Date 對象。
end_date: 任務(wù)的結(jié)束日期，可以是一個字符串或者一個 Date 對象。
duration: 任務(wù)的持續(xù)時間，以天為單位。如果 end_date 和 duration 都提供了，duration 會被忽略。
progress: 任務(wù)的進度，以百分比表示。
parent: 父任務(wù)的 id，如果當(dāng)前任務(wù)是頂級任務(wù)，則該字段為 0。
open: 是否展開當(dāng)前任務(wù)的子任務(wù)。如果不提供，默認為 true。
state: 用于設(shè)置任務(wù)的狀態(tài)。狀態(tài)可以是任何自定義值，例如 "in progress"、"completed"、"cancelled" 等等。在 Gantt 圖中，任務(wù)的狀態(tài)可以通過任務(wù)條顏色、邊框、文本樣式等 visulization 屬性進行自定義渲染，以便用戶更直觀地了解任務(wù)狀態(tài)的變化?？梢栽?Gantt 文檔中的 Visualization 屬性部分了解有關(guān)自定義任務(wù)狀態(tài)可視化的更多信息。
除了上面列出的常用字段之外，還有很多其他可選字段，例如 color、link、type 等，可以根據(jù)實際需求來添加。
*/

const links = [
  { id: 1, source: 1, target: 2, type: "0" },
];

gantt.parse({
  data: data,
  links: links,
});
//其中，data 數(shù)組包含兩個任務(wù)，links 數(shù)組包含一個鏈接，最后將這些數(shù)據(jù)傳遞給 gantt.parse() 方法進行解析，即可在 Gantt 圖表中顯示這些任務(wù)和鏈接。

//設(shè)置 scale_unit 屬性為 month，以顯示月刻度
gantt.config.scale_unit = "month";
//設(shè)置 step 屬性為 1，以每個月顯示一個刻度
gantt.config.step = 1;
//設(shè)置 date_scale 屬性為 %Y-%m-%d，以顯示年月日格式的刻度
gantt.config.date_scale = "%Y-%m-%d";
//設(shè)置 scale_date 屬性為 gantt.date.monthStart，以從每個月的第一天開始顯示刻度。
gantt.config.scale_date = gantt.date.monthStart;
//設(shè)置 subscale 屬性為一個包含兩個刻度的對象，分別為 day 和 week。
gantt.config.subscales = [
  { unit: "day", step: 1, date: "%d" },
  { unit: "week", step: 1, date: "#%W" }
];