甘特图制作步骤

做法如下：

*** 作设备：戴尔笔记本电脑

*** 作系统：win10

*** 作程序：excel2017表格

1、先将excel表格中的数据单元格中的日期单元格选中。

2、右键点击单元格选择“设置单元格格式”，将日期格式换乘常规格式。

3、然后全选单元格并点击插入图表中的“条形图”，选择其中的“堆积条形图”。

4、插入图表后，右键点击Y坐标轴选择“设置坐标轴格式”。

5、在打开的坐标轴选项中勾选“逆序类别”。

6、再右键点击横坐标轴并选择“设置坐标轴格式”。

7、在打开的选项设置窗口中将最小和最大值设置为固定数字。

8、再右键点击条形图位置，选择“设置数据系列格式”。

9、选择“填充”栏目中的“无填充”选项。

10、最后在表格的数据取数单元格中将日期再更改回原本的日期格式。

11、即可完成最后的“甘特图”的图表制作了。

项目迭代过程中，碰上一个需求，要求用甘特图的方式显示项目的工期进度，开完会我赶紧搜索一下甘特图是啥东东，大概了解之后，做出了如下样式

Echarts版本4.5.0

vue版本2.x

HTML部分

CSS部分

data部分

由于是demo，所以用的自己的数据，首先给需要用到的变量赋值

赋值之后，根据值，定义初始参数配置

上述参数配置中，还需定义一下自定义的图形绘制方法

这些都ok，我们就可以初始化chart了

大功告成

如果看了觉得有帮助的，我是@ 鹏多多11997110103 ，欢迎 点赞 关注 评论；

END

往期文章

个人主页

---