Angling Marker when overlapping

Gantt
#1

Hi Everyone,
I am having a scenario in which we have many markers which are overlapping . Can somebody help me how to angle the marker .

Secondly i am using an html code to show the text on side of the marker (using marker.text) . This text are also overlapping when marker is very close.
Can somebody help me on this.

Thanks

#2

Can somebody help on this . Thanks

#3

Hi,
Could you clarify the question? If you mean to angle the horizontal marker rectangle with text inside, then you can use the transform CSS property. It might look something like this:

.gantt_marker_content {
    transform: skew(-0.083turn, 30deg);
    padding-top: 0px;
    margin-top: 20px;
}

.gantt_marker .gantt_marker_content {
    padding: 0px 5px 0px 5px;
}

Please see an example: DHTMLX Snippet Tool.