Angle Markers

Gantt
#1

We have a number of markers on our gantt chart and they are starting to run into each other. I was trying to figure out a way to angle the marker at a 45 degree angle to avoid this. I tried using the CSS rotate property (w3schools.com/css/css3_2dtransforms.asp):

.gantt_marker .gantt_marker_content { -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari */ transform: rotate(-45deg); z-index: 10; }

But that didn’t seem to work well:

The marker detaches from the line and it doesn’t overlap with the date bar.

Any suggestions?

#2

Hello,

You can change marker’s position by adding “margin” or “top” and “left” css styles.
Please, see example:
docs.dhtmlx.com/gantt/snippet/77c3ff92

If you have markers in the same date, you can show them at different heights:
docs.dhtmlx.com/gantt/snippet/0007052a
Without rotating markers:
docs.dhtmlx.com/gantt/snippet/34cce090

#3

This helped me, thanks!