How to show two directional timeline on Gantt chart

Gantt
#1

I have Gantt professional license . I need to show two directional timeline on Gantt chart. 24 hrs. timeline on horizontal axis and Day timeline on vertical axis similar to event calendar here

image
image1271×617 36.3 KB

Attached sample image. Is it possible to achieve same layout with Gantt?

#2

Hello Vikas,
Gantt doesn’t have that feature. You can only show dates horizontally.

In theory, you can create tasks and name them as hours. But it won’t make them work the same way in works in Scheduler or Event Calendar.
Here is an example:

gantt.config.scales = [
    { unit: "month", step: 1, date: "%F" },
    { unit: "day", step: 1, date: "%D, %d" },
];

gantt.config.start_date = new Date(2022,07,21);
gantt.config.end_date = new Date(2022,07,27);

gantt.init("gantt_here");
var tasks = [];
for(var i = 0; i < 24; i++) { 
  tasks.push({
	text: `${i}:00`,
    id: i + 1,
    start_date: new Date(2022,07,21),
    duration: 1,
    open: true,
  });
}
gantt.parse({ data: tasks });

Here is the snippet:
https://snippet.dhtmlx.com/tk5blasf

#3

Thanks @ramil for your reply. I will go with either event calendar or Scheduler