The issue of project overlap

[DIGIHUAHK]

At present, my items are as follows. I hope that when the end time of project A overlaps with the start time of project B, it can automatically connect to another line instead of displaying it up and down. For example, the end time of A is 15:00:00 on May 27, 2024, The start time of B is 15:00:00 on May 27, 2024, and they are currently displayed up and down. I would like to work with AA's end time at 15:00:00 on May 27, 2024, The start time of B is the same as 15:00:01 on May 27, 2024. It is displayed in front and back splicing. How should it be set?

const itemsFromDB = [
  {
    id: '1',
    label: 'MO240523-001',
    rowId: '3',
    time: {
      start: GSTC.api.date('2024-05-27 10:00:00').valueOf(),
      end: GSTC.api.date('2024-05-27 15:00:00').valueOf()
    }
  },
  {
    id: '2',
    label: 'MO240523-002',
    rowId: '3',
    time: {
      start: GSTC.api.date('2024-05-27 15:00:00').valueOf(),
      end: GSTC.api.date('2024-05-27 18:30:00').valueOf()
    }
  }
]

[neuronetio]

In fact, task A should end at 14:59:59.999 ( (14).endOf('hour') ) and task B should start at 15:00:00.000.
This is because 15:00:00.000 is a specific time and when you get valueOf() in dayjs it will actually turn out that in this one millisecond both projects overlap. We need to switch from human thinking to computer thinking. In fact, the task does not last, for example, 8 hours, but in fact it lasts 7:59:59.999, but we, as people, simplify it. In programming, we must think like machines, e.g. we must remember that array starts from 0 and not 1.
The same applies to chart.time.from and chart.time.to times.

There is an option that disables moving tasks to the next line, but I do not recommend this approach - it is better to set the correct times.
config.chart.item.overlap

[DIGIHUAHK]

THANK YOU VERY MUCH

[DIGIHUAHK]

May I ask how I can set the spacing between two projects to be as small as possible, and how can I adjust the spacing myself

[neuronetio]

To make it easier for yourself, just subtract one millisecond from the end time, i.e. 15:00:00.000, i.e.

{
    id: '1',
    label: 'MO240523-001',
    rowId: '3',
    time: {
      start: GSTC.api.date('2024-05-27 10:00:00').valueOf(),
      end: GSTC.api.date('2024-05-27 15:00:00').valueOf() - 1 // subtract that one ms here
    }
  },

[DIGIHUAHK]

Understood, thank you

[neuronetio]

Use the config chart spacing you can use 0 if you don't want any gaps.

config = {
  chart: {
    spacing: 0
  }
};

[DIGIHUAHK]

Understood, thank you