Vue Ganttastic

Theme by Zunnzunn

|

Updated: 19 May 2024

|

655 Stars

Simple, interactive and highly customizable Gantt chart component for Vue 3

Categories

Overview:

Vue Ganttastic is a versatile Gantt chart component designed for Vue 3, offering simplicity, interactivity, and extensive customization options. It supports TypeScript and provides reactivity and responsiveness to changes in data.

Features:

• Vue 3 support
• TypeScript support with out-of-the-box type declarations
• Interactivity with dynamic, movable, and pushable bars
• Reactivity and Responsiveness for automatic bar repositioning on data changes
• Customization options including chart and bar styling, slots, and event handlers

Installation:

To begin using Vue Ganttastic, first install the component using:

npm install vue-ganttastic

Then, initialize the plugin in your app’s main file (usually src/main.js) to globally register the components g-gantt-chart and g-gantt-row:

import Vue from 'vue';
import VueGanttastic from 'vue-ganttastic';
Vue.use(VueGanttastic);

Summary:

Vue Ganttastic is a feature-rich Gantt chart component for Vue 3, offering support for TypeScript, interactivity, and extensive customization options. It provides a simple yet powerful solution for creating dynamic and responsive Gantt charts within Vue applications.