Vue based Gantt component

Work needs, to achieve the Gantt chart, before the implementation of a version, but some problems, simply lift a separate component out, packaging packaging direct use, this is also more flexible.

It’s not professional, but the small functions are enough, display, drag, and maybe new ones will be added later.

Without further ado, let’s get right to the picture.

function

  • Tree data structure display, support dynamic increase and decrease
  • Customize the column contents of the table on the left
  • Customize the content of the gantt bar on the right
  • Drag the Gantt bar arbitrarily to change the time

More, you can view documents.

use

Components have been published to NPM and can be downloaded and installed using NPM or YARN.

Installation:

npm install jz-gantt --save
# or
yarn add jz-gantt --save
Copy the code

Introduction:

import Vue from "vue";
import Gantt from "jz-gantt";
import "jz-gantt/lib/jz-gantt.css";

Vue.use(Gantt);
Copy the code

The document

Github

Document

Welcome fork and Star.