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 获取后台数据。