Gantt chart configuration in time scale

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.

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):
http://snippet.dhtmlx.com/f967c7330
Example of date ranges (in years):
https://snippet.dhtmlx.com/70f97d40f

Display the current date as a red line.

http://snippet.dhtmlx.com/f967c7330

Display thick black dashed line as year separator.

http://snippet.dhtmlx.com/a369bfea6

Show red dashed line as month separator.

http://snippet.dhtmlx.com/8ba304249

Show gray lines as day separator.

http://snippet.dhtmlx.com/282cf90f6

Do not display non-working times

http://snippet.dhtmlx.com/5239107d8

Hi,

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

Thanks

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.

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

some thing like below-


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

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