Simple, interactive and highly customizable Gantt chart component for Vue 3
Full Changelog: https://github.com/zunnzunn/vue-ganttastic/compare/v2.3.1...v2.3.2
precision
prop supports the long-awaited value week
for rendering calendar weeks in the timeaxis.label-column-title
and label-column-width
for rendering the row labels in a dedicated column on the left side of the chart. Corresponding slots label-column-title
and label-column-row
have been added, too!current-time-marker
and current-time-label
for displaying a dashed vertical line on the chart which represents the current time and an optional text next to it. A slot current-time-label
has been added, too!ganttBarConfig
: html
for rendering HTML within a bar (make sure to sanitize the value to prevent HTML injections!)Many thanks to the new contributors! Your effort is greatly appreciated!
Full Changelog: https://github.com/zunnzunn/vue-ganttastic/compare/v2.2.0...v2.3.1
class
property (string) to the bar's ganttBarConfig
chart-start
and chart-end
, as well as for the bar-start
and bar-end
properties of used bar objects. if this is your use case, simply pass false
to the dateFormat
prop of the g-gantt-chart
componentgetBoundingClientRect
calls and by using utility functions from vue-use
push-on-overlap
is active, other bars with a falsy bundle-ID won't be moved anymoreew-resize
cursor to show that resizing is possible in two directions and align with common UI patterngetRowsInChart
and getChartRows
README.md
This version is based on contributions from @dpschen ! Thank you, Dominik!