Our state of the art Gantt chart


Post by sachidanand »

Hi Team,

Attached is a file (GanttData.json) containing:

  1. event data object
  2. array of objects.

The requirement is that I want to show different data on gantt scheduler `based on date range .
For example: In the attachment , we can see that resource has "availability" as -2 between the dates 9 sept - 10th sept while the availability between the dates 10th sept - 11sept is 96.

So , I want to display it as shown in attached image. Also , I want to customize the color based on availability. Please let me know how can we handle this ?

Attachments
GanttData.json
(1.09 KiB) Downloaded 48 times
CustomDataBasedOnDates.PNG
CustomDataBasedOnDates.PNG (5.04 KiB) Viewed 782 times

Post by mats »

Please explain a bit further. As a row in a Gantt chart is a task, and can be assigned to multiple resources - what would your number represent? Availability of all assigned resources / day? Please provide more details.


Post by sachidanand »

Hello Mats,

According to my application needs , I don't need gantt row to be a task . I just want a static widget which will Not contain:

  1. Any task edit feature
  2. Any right click action
    These two functionalities I have already achieved . Also , since it's not an task I don't want it to assign to any resource as well . All I want is, to show the availability based on dates range and to change the color of widget based on availability .

Please let me know if this is not clear.


Post by mats »

Ok, just to make sure we are on the same page. You are using the Gantt or the Scheduler? In the Gantt, a row represents one task. In the Scheduler, a row is a "resource" which may be assigned many events.


Post by sachidanand »

Hello mats,

I am using gantt here .


Post by mats »

  1. Can you please share some details of what you are scheduling?

  2. Any mockup to share showing your desired UI?

  3. What does a row represent in your application?

The standard use case for our Gantt chart is that one row is one task (which may have resources assigned).


Post by sachidanand »

  1. Can you please share some details of what you are scheduling?
    Ans: Attached is the txt file (capacityViewerData.txt) of data that should be used to configure the gantt scheduler.

  2. Any mockup to share showing your desired UI?
    Ans Attached is the image with the name "CustomDataBasedOnDates.png" which represents
    how we want to show the desired UI.

  3. What does a row represent in your application?
    Ans: A row in our application represents the events. A resource can have different events on different dates.

Attachments
CustomDataBasedOnDates.PNG
CustomDataBasedOnDates.PNG (29.22 KiB) Viewed 759 times
capacityViewerData.txt
(1.73 KiB) Downloaded 46 times

Post by Maxim Gorkovsky »

Hello.
This is rather confusing. You say I don't need gantt row to be a task and A row in our application represents the events. These sound mutually exclusive.
As far as I understood your dataset and comments here, what you really need is not Gantt, but Scheduler tree: https://bryntum.com/examples/scheduler/tree/ Gantt will not allow you to render multiple event bars in the row and it doesn't look like you need gantt scheduling abilities. You can just load your rows data to resource store and then draw events.
You can use event renderer to draw availability data: https://bryntum.com/docs/scheduler/api/Scheduler/view/mixin/SchedulerEventRendering#config-eventRenderer

eventRenderer({ eventRecord, renderData }) {
  renderData.style = 'background-color: red';
  return '-2'; // return value is put as text to the event body
}

Post by sachidanand »

Hello Maxim,

I have gone through the scheduler tree link that you have provided. I think it matches my requirement. But I want to actually see the data format that is being passed so that it is rendering in this format.

I downloaded the trial version using the "DownloadTrial" button available on the website
"https://bryntum.com/examples/scheduler/tree/" but it downloads the same data as what we
get from the standard scheduler trial .

If possible could you please provide me the link to actual data which has some parent children
kind of format as shown in the link provided. (https://bryntum.com/examples/scheduler/tree/)


Post by mats »

This demo is part of the trial, look in /examples/tree.

here's the demo data: https://bryntum.com/examples/scheduler/tree/data/data.json


Post Reply