title: On Highcharts Gantt, how to display all data labels when start and end from 2 tasks overlap?
body: <p>I have 2 tasks in the same row. The labels are as below:</p>
  <ol>
  <li>first task start</li>
  <li>first task end</li>
  <li>second task start</li>
  <li>second task end</li>
  </ol>
  <p>Label 3 is missing as it is below 2.</p>
  <p><a href="https://i.stack.imgur.com/Wf4AL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Wf4AL.png" alt="enter image description here" /></a></p>
  <p>I'd like to have both showing, and preferably both dots separated in the same day so we can see clearly we have two tasks. One ending, another starting</p>
  <p>Please find a working sandbox for this example: <a href="https://jsfiddle.net/Fmcg/9071Ltz6/12/" rel="nofollow noreferrer">https://jsfiddle.net/Fmcg/9071Ltz6/12/</a></p>
  <p>And the options:</p>
  <pre><code>Highcharts.ganttChart('container', {
    title: {
      text: 'Gantt Chart with Progress Indicators'
    },
    yAxis: {
      categories: ['Magdala']
    },
    plotOptions: {
      series: {
        dataLabels: {
          enabled: true,
          verticalAlign: &quot;top&quot;,
          format: &quot;{point.custom.label}&quot;
        }
      }
    },
    series: [{
      type: 'line',
      zoneAxis: 'x',
      zones: [{
        value: Date.UTC(2014, 10, 20)
      }, {
        dashStyle: 'dot',
        value: Date.UTC(2014, 10, 25)
      }],
      data: [{
        y: 0,
        x: Date.UTC(2014, 10, 18),
        custom: {
          label: 1
        }
      }, {
        y: 0,
        x: Date.UTC(2014, 10, 25),
        custom: {
          label: 2
        }
      }]
    }, {
      name: 'Project 1',
      type: 'line',
      zoneAxis: 'x',
      zones: [{
        value: Date.UTC(2014, 10, 28)
      }, {
        dashStyle: 'dot',
        value: Date.UTC(2014, 10, 29)
      }],
      data: [{
        x: Date.UTC(2014, 10, 25),
        y: 0,
        custom: {
          label: 3
        }
      }, {
        x: Date.UTC(2014, 10, 29),
        y: 0,
        custom: {
          label: 4
        }
      }]
    }]
  });
  </code></pre>