项目迭代过程中，碰上一个需求，要求用甘特图的方式显示项目的工期进度，开完会我赶紧搜索一下甘特图是啥东东，大概了解之后，做出了如下样式
Echarts版本4.5.0
vue版本2.x
HTML部分
CSS部分
data部分
由于是demo，所以用的自己的数据，首先给需要用到的变量赋值
赋值之后，根据值，定义初始参数配置
上述参数配置中，还需定义一下自定义的图形绘制方法
这些都ok，我们就可以初始化chart了
大功告成
如果看了觉得有帮助的，我是@ 鹏多多11997110103 ，欢迎 点赞 关注 评论；
END
往期文章
个人主页
以WPS 2019版本为例：
关于 如何用excel制作甘特图式日程表? 我们推荐您可使用WPS2019来完成操作，步骤如下：
1、选中数据点击插入“图表”
2、选择条形图里面的堆积条形图
3、选中前一个序列，点击鼠标右键“设置数据序列格式”
4、在“填充与线条”下，将填充改为“无填充”就完成了
更多办公软件问题，推荐去「WPS学院」 寻找专业视频解说（百度搜： WPS学院 即可）WPS学院 ： 官方出品的免费Office视频技巧
