Skip to content
On this page

Live Demos

Simple hour chart

  • precision: hour
01.Jan
02.Jan
12
13
14
15
16
17
18
19
20
21
22
23
00
01
02
03
04
05
06
07
08
09
10
11
12
My row 1
Drag me
Drag my handles
Another row

Day chart with dark theme

  • precision: day
  • row-height : 70
  • no-overlap
  • color-scheme : dark

Used slots: g-gantt-row > label, bar-label

October 2022
November 2022
30.Oct
31.Oct
01.Nov
02.Nov
Row label
Drag me
I have an image
Label with image

Month chart pushing and bundles

  • precision: month
  • push-on-overlap
  • color-scheme : vue
  • font : Courier
2022
January 2022
February 2022
March 2022
My row 1
I'm in a bundle
My row 2
I'm in a bundle
Lorem ispum dolor
Look at me!
Lorem ispum dolor
Fourth row