gantt | Gantt chart library using jsx support SVG , Canvas and SSR | Chart library

I am trying to create a simple example with DHTMLX Gantt. I have managed to get it working until storing data in the database. Data get stored, but I am not able to load the chart on opening the page. Any ideas what might be the problem? I have gone through the documentation available, but I can't find the root cause of this behavior.

This is how SQL Server looks like after triggering Save button on Gantt chart:

I wanted to use the Gantt chart with the Dhtmlx library using typescript, I found a mistake in the initiation of gantt. so how can i solve this ? this is the code

I want to use highchart for free in my angular application. It is just a simple gantt chart. Here is the Demo on Staclblitz

How can I remove the text highlighted for free?

If not, any other ways to plot a gantt chart?

I am just starting with Blazor, trying to set up some simple project to see how to interact with different parts and components. I have been trying to include dhtmlxGantt into Blazor index page. It seems to be working by replacing index.html content with example from dhtmlxGantt. However as a result I get only gantt chart without any other Blazor components. How to do it in a proper way so that as a result I would see gantt chart on first page index.razor?

index.html:

I am using the Kendo Gantt chart with ASP.NET Core MVC, and I would like to get the Day view timeline to show in 30 minute increments vs. 1 hour increments. The working hours I'm trying to display for each day are 7:00 AM to 3:30 PM, but I cannot get that 3:30 PM end of day to display.

Here is an example of getting a time header template using the jquery kendo gantt chart

I have a clear requirement to calculate a y coordinate in a d3 context, but I am struggling to...

a) find the d3 (scaling?) component and usage pattern to deliver the solution

b) identify any navigable d3 API resources which would help me find a)

I have a list of events which have a start and finish time and which are each associated with a process in which they execute sequentially. It's natural to present this like a multi-track interface (a bit like an audio editor or a gantt chart) in which each process/track is allocated its own horizontal swim lane, and the events are laid out horizontally according to their start and end time. It might end up looking a bit like this view from a research publication

Event data items have a reference to their process id (in the diagram shown the process ids would be M1, M2 and the events would be the little boxes labelled with numbers). I know each event's start and end time (determining their x coordinate and width) but I need to put the rectangle for the action in the right process row (y coordinate).

The list of events will be updating continually as they start and finish, and possibly mediated by a filter/brush in the future.

The number of rows varies as the number of processes varies. For this reason, only after joining a list of events (and encountering all the process ids they refer to) do you know how many rows are needed, the row height, and therefore what each event's y scale position should be. When a new event item enters the selection which points to a new process id, the scale should rejig to add an extra row. When it exits the selection, it may have been the last one in that process row, so then the row should disappear.

Is there a pattern for assigning the y coordinate of an event's row on a dynamic basis by its (categorical) process id for a dynamic list of event data?

How do I find patterns and solutions for a case like this?

I created a gantt chart using px.timeline but for some reason when i use color function it changes the order of my data and to keep similar colors together...

y axis is string/ category values and i tried manually setting it with a list in the order i'd like the y axis to be graphed but nothing changed.

I have two different Dataframes containing various columns : start & end date, Duration ...

I would like to plot the data into Timelines(Gantt charts) using plotly express. I know how to use subplots however I want them on the same graphic not figure.

'''

following are my files for html, .ts and json . As json data was very extensive therefore i have just added a few states and their cities. my 1st dropdown is showing all states. Now I want to match my 1st dropdown's selected value of state with a key "state" in "cities" object in my json file so i can populate 2nd dropdown with cities relevant to that state. and I want to do this in function "getCitiesForSelectedState". please help me find solution for this.

//.ts file