vue實現甘特圖（基于vue的條形甘特圖）

本文目錄一覽：

• 1、甘特圖制作步驟
• 2、如何繪制一份優秀的甘特圖
• 3、如何使用echarts實現甘特圖

甘特圖制作步驟

在Excel軟件中，可以通過在文件界面，在新建那里，搜索甘特圖，創建甘特項目圖表實現。

工具／原料：聯想L1710D、Win10、Excel2019

1、點擊文件

點擊左上角的【文件】。

2、點擊新建

點擊左邊的【新建】。

3、輸入甘特圖

在搜索框輸入甘特圖，點擊搜索。

4、點擊甘特項目圖表

點擊右邊的【甘特項目圖表】。

5、點擊創建

彈出窗口框，點擊【創建】。

6、操作完成

可以在甘特圖編輯，操作完成。

如何繪制一份優秀的甘特圖

甘特圖(Gantt Chart)又稱橫道圖，它通過圖示形象地表示特定項目的活動順序與持續時間。在Excel

2003中，可用用自定義圖表類型中的“懸浮的條形圖”來快速繪制簡單的甘特圖，而在Excel

2007/2010中，沒有現成的自定義圖表類型可用,但通過堆積條形圖同樣可以輕松實現。

如果目前該工程正在進行中，可在B11單元格中輸入當前日期，如公式：

添加輔助列

1、在數據區域原C列左側插入兩列，分別表示以B11單元格中日期為當前進度的各項目已完成和未完成的天數。如圖所示，插入兩空列后，在C2單元格中輸入公式：

=IF($B-B2E2,E2,MIN(E2,MAX($B-B2,0)))

2、向下填充公式至C9單元格，該公式獲取已完成的天數。在D2中輸入：

=E2-C2

3、向下填充至D9單元格，該公式獲取未完成的天數。

插入堆積條形圖

1、選擇數據區域中的某個單元格，在功能區中選擇“插入→條形圖→堆積條形圖”，在插入的圖表中刪除圖例，然后在“圖表工具-設計”選項卡中選擇“選擇數據”，彈出“選擇數據源”對話框，分別選擇不需要的“天數”和“結束日期”系列，單擊“刪除”按鈕刪除這兩個系列后確定，這時圖表如下圖：

2、雙擊圖表中的“開始日期”系列，彈出“設置數據系列格式”對話框，如果是Excel

2007，可右擊該系列，在快捷菜單中選擇“設置系列格式”。在設置圖表各相關元素的整個過程中，可不關閉該對話框。

3、在對話框中選擇“填充”選項，選擇“無填充”。

4、這時“開始日期”系列即變為透明，由于縱坐標軸中各項目名稱的排列順序與數據區域中的相反，似乎與習慣不符，可通過下面的方法來改變該順序。選擇“垂直(類別)軸”，對話框標題自動變為“設置坐標軸格式”，在“坐標軸選項”中勾選“逆序類別”，這時橫坐標軸會移動到圖表上方，要將其移回圖表下方，可在“橫坐標軸交叉”區域中選擇“最大分類”即可。

5、再次單擊圖表中的“水平(值)軸”，在“坐標軸選項”中將“最大值”和“最小值”設置為“固定”，并輸入整個工程的開始日期和結束日期，本例中將最小值設置為日期“2011-10-9”，將最大值設置為“2011-11-10”。如果是Excel

2007，此處需輸入上述兩個日期的序列數，分別為“40825”和“40857”。獲取日期序列數的方法有許多，如將包含日期的單元格設置為“常規”即可在單元格中顯示該日期的序列數。

選擇“數字”選項，將日期格式設置為僅顯示月日的數字格式。

如何使用echarts實現甘特圖

Echarts 是用javascript 展示的 要動態的的獲取數據 可以用 AJAX 獲取后臺數據。