vue框架下实现甘特图（dhtmlxGantt）

项目中要用到甘特图，最开始研究了echart，实现的样式如下：

echart实现甘特图.png

对比下面的原型图，发觉相差甚大且通过echart不好复现。

原型图-甘特图.png

百度搜索找到了dhtmlxGantt，查看官网demo后足够实现原型效果。随即查看了官方文档，实现了如下效果：

dhtmlxGantt实现甘特图.png

下面说一下dhtmlxGantt的使用：

引入 dhtmlx-gantt模块 版本：@6.3.7

npm install dhtmlx-gantt

创建dhtmlx-gantt组件

参考的具体官方文档

具体的属性可以在API中查找：https://docs.dhtmlx.com/gantt/api__refs__gantt.html
开发使用说明：https://docs.dhtmlx.com/gantt/index.html
在Vue.js框架中使用步骤：https://dhtmlx.com/blog/use-dhtmlxgantt-vue-js-framework-demo/

欢迎一起交流呀~