Timeline view configuration


#1

Hi team,
I’m building my first timeline view and need help to understand better the config concept.
See attached img to understand what I try to do:

The traget features are:

  1. View 5 working days without week-ends
  2. View 2 periods per day:
    • morning 07:00 to 12:00
    • afternoon 13:00 to 18:00
  3. Multi task capacity :
    • an employee can be assigned to the same job several days
    • a task may have several employees assigneds

[code]

        scheduler.config.start_on_monday = true;    // set the 1st day of the week
       
        scheduler.createTimelineView({
            section_autoheight: false,
            name:    "timeline",
            x_unit:    "day",                      // measuring unit of the X-Axis, the scale parameters will be calculated in minutes
            x_date:    "%H:%i",               // date format of the X-Axis
            x_step:    1,                           // X-Axis step in 'x_unit's, sets the '30 minute' step, e.g. 09:00 - 09:30
            x_size: 5,                              // X-Axis length specified as the total number of 'x_step's
                                                        //the number of '30 minute's in the interval 09:00 - 15:00, 15 - 9 = 6 hours = 360 minutes = 360/30 = 12
            x_start: 0,                             // X-Axis offset in 'x_unit's
                                                        //scale starts from 09:00,i.e. 9 hours from the default start- 00:00, 9 hours = 540 minutes = 540/30 = 18 'x_step's
            x_length: 7,                           // number of 'x_step's that will be scrolled at a time, scrolls a day:1 day= 24 hours= 1440 minutes= 1440/30= 48 'x_step's
            y_unit: elements,                   // sections of the view (titles of Y-Axis)
            y_property:    "section_id",     // mapped data property
            render: "tree",                       // view mode
            round_position:false,
            folder_dy:35,
            dy:25,
            second_scale:{
                x_unit: "hour",                   // unit which should be used for second scale
                x_date: "%D %d"               // date format which should be used for second scale, "July 01"
            }
        });
       
        scheduler.config.multisection = true;
        scheduler.init('scheduler_here');

[code]

Many thanks


#2

Hello,

Please don’t repost the question in multiple threads in the future.
Let’s continue the duscussion in the support ticket.

For anyone else who encounters similar issue:

Please check all properties of the createTimelineView method while you are working with the view. It will help you a lot.
https://docs.dhtmlx.com/scheduler/api__scheduler_createtimelineview.html

and samples with the Timeline view https://docs.dhtmlx.com/scheduler/samples/06_timeline/

View 5 working days without week-ends

demo https://docs.dhtmlx.com/scheduler/samples/06_timeline/10_order_and_rounding.html

View 2 periods per day:

  • morning 07:00 to 12:00
  • afternoon 13:00 to 18:00

The way how to implement described in the chapter: https://docs.dhtmlx.com/scheduler/timeline_view.html#timeintervalforviewcells

Multi task capacity :

  • an employee can be assigned to the same job several days
  • a task may have several employees assigneds

Scheduler provides the possibility to assign events to several sections:
https://docs.dhtmlx.com/scheduler/timeline_view.html#assignmentofeventstoseveralsections


#3

Hi Polina,
Many thanks for your support.
I try all your suggestion and it is a success.

Only one subject is still not running : Hide unworked hours on timeline three view.
I need to parameter worked hours as define follow:
AM: 07:00 to 12:10
PM: 13:00 to 18:00

Can you help me please?
Using the function attached I can’t succed

Best regards
script.js (368 Bytes)


#4

Hi,

As I understand, the issue is solved in the topic Unworked hours setting
Please, don’t repost the question in multiple threads in the future.