а

How to reproduce example by nodejs


#1

I need to reproduce the following example.
https://docs.dhtmlx.com/gantt/samples/11_resources/05_resource_usage_templates.html?_ga=2.190989677.658340594.1558330584-1680907854.1558330584
I would like to ask how to make this example and what tools need use in this example .
thanks!!


#2

Hello,
You just need to copy the contents of the sample source code into the public/index.html file.
And you need to make sure that you connected the correct Gantt files. The resource chart, grouping and autoscheduling features are available only in the Pro version, they won’t work in the Standard version.
Here is the demo project with the resource chart, grouping and autoscheduling features:
https://files.dhtmlx.com/30d/1c4001f89f13d3b22411a3e82a8f6845/node+resource_chart+grouping.zip


#3

Hi, thanks for your response!
I have added the sample in my code ,but I would like to ask how to combine the following example
https://dhtmlx.com/docs/products/dhtmlxGantt/02_features.html in the example you provided.
Because I want to use the features of Zooming times.
thanks.


#4

Hello,
You need to add the code from the following snippet:
https://snippet.dhtmlx.com/a2a592bfc
Here is the demo with dynamic scales:
https://files.dhtmlx.com/30d/0cf1cbbeda8efb8c7c852f416eb17a47/node+resource_chart+grouping+dynamic_scales.zip


#5

Hi, thanks for your response!
I would like to ask how to set hours instead of time when adding tasks in the example you provided.
like this picture
task%20hour
and in duration i want dispaly the task’s hours


thanks.


#7

Hi @Jasonw!

>I would like to ask how to set hours instead of time when adding tasks in the example you provided.

You need to configure the lightbox by setting the gantt.config.lightbox.sections properties.
https://docs.dhtmlx.com/gantt/desktop__default_edit_form.html

To configure the date-time selectors of the duration or time section, use the time_format property. Here is a related article:
https://docs.dhtmlx.com/gantt/desktop__time.html#configuringdatetimeselectors

Here is a sample you can see how it can be implemented for the Ramil’s snippet:
http://snippet.dhtmlx.com/d85fec192


#8

>and in duration i want dispaly the task’s hours

Please just set the duration_unit property to hour like this:

gantt.config.duration_unit = "hour";

Here is a related article:
https://docs.dhtmlx.com/gantt/api__gantt_duration_unit_config.html

Here is how it can be implemented for the previous snippet:
http://snippet.dhtmlx.com/2b980b207