# Calendar for "Gantt Chart" **URL:** https://community.glideapps.com/t/calendar-for-gantt-chart/38277 **Category:** Ask for Help **Created:** [February 8, 2022, 10:53pm UTC](https://community.glideapps.com/t/calendar-for-gantt-chart/38277 "2022-02-08T22:53:30Z") **Posts on this page:** 1 **Showing post:** 9
### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy) #### Post date: [February 9, 2022, 10:09am UTC](https://community.glideapps.com/t/calendar-for-gantt-chart/38277/9 "2022-02-09T10:09:42Z")
If you open the Gantt Chart example in the [Quickchart Sandbox](https://quickchart.io/sandbox#%7B%0A%20%20type%3A%20'horizontalBar'%2C%0A%20%20data%3A%20%7B%0A%20%20%20%20labels%3A%20%5B'Part%201'%2C%20'Part%202'%2C%20'Part%203'%2C%20'Part%204'%2C%20'Part%205'%2C%20'Part%206'%5D%2C%0A%20%20%20%20datasets%3A%20%5B%7B%0A%20%20%20%20%20%20data%3A%20%5B%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-02-01')%2C%20new%20Date('2021-05-01')%5D%2C%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-05-10')%2C%20new%20Date('2021-07-01')%5D%2C%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-04-20')%2C%20new%20Date('2021-11-31')%5D%2C%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-08-01')%2C%20new%20Date('2021-09-01')%5D%2C%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-02-10')%2C%20new%20Date('2021-07-01')%5D%2C%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-07-20')%2C%20new%20Date('2021-11-31')%5D%2C%0A%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20backgroundColor%3A%20%5B'rgb(255%2C%2099%2C%20132%2C%201.0)'%2C%20'rgba(255%2C%2099%2C%20132%2C%201.0)'%2C%20'rgba(255%2C%20206%2C%2086%2C%201.0)'%2C%20'rgba(255%2C%20206%2C%2086%2C%201.0)'%2C%20'rgba(255%2C%20206%2C%2086%2C%200.2)'%2C%20undefined%5D%2C%0A%20%20%20%20%7D%2C%20%5D%2C%0A%20%20%7D%2C%0A%20%20options%3A%20%7B%0A%20%20%20%20legend%3A%20%7B%0A%20%20%20%20%20%20display%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20annotation%3A%20%7B%0A%20%20%20%20%20%20annotations%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20type%3A%20'line'%2C%0A%20%20%20%20%20%20%20%20mode%3A%20'vertical'%2C%0A%20%20%20%20%20%20%20%20scaleID%3A%20'x-axis-0'%2C%0A%20%20%20%20%20%20%20%20value%3A%20new%20Date('2021-10-30')%2C%0A%20%20%20%20%20%20%20%20borderColor%3A%20'red'%2C%0A%20%20%20%20%20%20%20%20borderWidth%3A%201%2C%0A%20%20%20%20%20%20%20%20label%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20enabled%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20content%3A%20'Deadline'%2C%0A%20%20%20%20%20%20%20%20%20%20position%3A%20'top'%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%5D%0A%20%20%20%20%7D%2C%0A%20%20%20%20scales%3A%20%7B%0A%20%20%20%20%20%20xAxes%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20position%3A%20'top'%2C%0A%20%20%20%20%20%20%20%20type%3A%20'time'%2C%0A%20%20%20%20%20%20%20%20time%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20unit%3A%20'month'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20ticks%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20min%3A%20new%20Date('2021-01-01')%2C%0A%20%20%20%20%20%20%20%20%20%20max%3A%20new%20Date('2022-01-01')%2C%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%5D%2C%0A%20%20%20%20%7D%2C%0A%20%20%7D%2C%0A%7D), you will see the various options there. You can play around with those until you get it how you want. The resultant JSON gets used in a Glide template column. Check the below thread to learn more about how to use quickchart with Glide: > [@heart\_eyes Quickchart.io: the Cloudinary of Charts —on the fly charts!](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946): > > GAME CHANGER! Stumbled upon this site today—a way to create on the fly charts using data from your Glide tables. Images render instantly and you can select one of 14 different charts, customize colors, styles etc all through URL parameters! The video below shows my first attempt to create a chart from scratch and implement it in Glide. Took me less than 5 minutes. End result: --- _[View the full topic](https://community.glideapps.com/t/calendar-for-gantt-chart/38277)._