Gantt chart configuration in time scale

Gantt
#1

Hi,

Is it possible

  1. Reduce time scale - to Pulls the time scale closer.
  2. Increase time scale - to Pulls the time scale apart.
  3. Display the current date as a red line.
  4. Display thick black dashed line as year separator.
  5. Show red dashed line as month separator.
  6. Show gray lines as day separator.
  7. Do not display non-working times

Are these above features available for trail version and if it is then do I need to configure it in any object? If these settings are not available in trial version then please let me know.

Thanks in advance.

#2

Hello,
The trial version has all Pro features. I will quote your questions and mention the example below.

Reduce time scale - to Pulls the time scale closer.
Increase time scale - to Pulls the time scale apart.

Change scale unit(day, week, month, year):
https://docs.dhtmlx.com/gantt/samples/03_scales/05_dynamic_scales.html
Example of date ranges (in years):

Display the current date as a red line.

https://snippet.dhtmlx.com/m1lhtvf7

Display thick black dashed line as year separator.

https://snippet.dhtmlx.com/tm9rbgi9

Show red dashed line as month separator.

https://snippet.dhtmlx.com/fqz9e7gu

Show gray lines as day separator.

https://snippet.dhtmlx.com/bcvl9sig

Do not display non-working times

https://snippet.dhtmlx.com/uukpssjv

#3

Hi,

Thanks for your quick response. Further we have a query-
Can we add new column. If yes, please explain how?

Thanks

#4

Hi Ramil,

For the point- Do not display non-working times
Same code is not working for me.

Display thick black dashed line as year separator. -
For same year its working fine, but for next year Dashed line is visible after every day.

Please suggest how we can do zoom-in and zoom out.

#5

Hi Ramil,
Please let me know how we can add background color on current date column.

some thing like below-

image
image1229×171 9.6 KB

But I need to highlight only current date column.

Please let me know -
If we can do zoom-in and zoom out functionality in time scale ? If yes then how?
Can we show quarter view also? If yes then how?

Looking forward for your support.

Thanks & Regards,
Sweeti

#6

Hello Sweeti,

For the point- Do not display non-working times
Same code is not working for me.

Did you include the trial version javascript files in your project?
Please check the following things to make sure that gantt works as expected.

  1. Open the javascript file, dhtmlxgantt.js and check that you have “Professional” version. If you see “Standard” then it means that it is the free version:
    https://github.com/DHTMLX/gantt/blob/master/codebase/ext/dhtmlxgantt_csp.js#L4
  2. Open your html-file (or another file where you connect gantt) and make sure that you connected correct file.
    http://prntscr.com/jkjw9e
  3. Open “time.is” or any other website that checks your time. If the date on the computer is incorrect, gantt might not work correctly.

If that doesn’t help you, please send me a snippet where I can reproduce it.

Display thick black dashed line as year separator. -
For same year its working fine, but for next year Dashed line is visible after every day.

Looks like you use subscales. In that case you need to also check the first day of the first month:
http://snippet.dhtmlx.com/b12cc1df6

If we can do zoom-in and zoom out functionality in time scale ? If yes then how?

There is something similar to real zoom feature. You can dynamically change the scales, for example, they display the year and month scales and you change it to week and days scales. Here is an example:
https://docs.dhtmlx.com/gantt/samples/03_scales/05_dynamic_scales.html
And there is another example where Gantt automatically changes the scales to fit the screen.:
https://docs.dhtmlx.com/gantt/samples/03_scales/13_zoom_to_fit.html

Can we show quarter view also? If yes then how?

Yes, you show that type of view. Just set scale_unit to quarter. Here is an example:
http://snippet.dhtmlx.com/3592d95d6