vue-gantt-chart

基于 Vue 实现的 gantt-like 图表 ,用于排班展示

React版本

Demo预览地址

Catalog

• Feature
  
• Screenshot
  
• Install
  
• Use
  
  • template code
    
  • script code
    
  • data
    
• Slot
  
  • block 容器块slot 有

    两种

    需要注意
    
    • ⭐️

      customGenerateBlocks

      为

      false

      （默认值） 的情况
      
    • ⭐️

      customGenerateBlocks

      为

      true

      的情况
      
  • left 行名slot
  • markline 时间标记线slot
  • timeline 行名slot
    
  • title 标题slot
    
• API
  
  • Param
  • Method
    
  • Event
    
• Run Demo
  
• Caution
  
• Update
  
• License

Feature

• 虚拟列表，快速渲染可视区域，支持大量数据渲染
• 可变时间轴，1 分钟，2 分钟，3 分钟，4 分钟~~~到一天
• 可变单元格
• 标记线
• 支持自定义描述和容器块

Screenshot

Install

npm 安装

npm i v-gantt-chart --save

Include plugin in your

main.js

import Vue from 'vue'

import vGanttChart from 'v-gantt-chart';
Vue.use(vGanttChart);

使用链接引入