在Highcharts甘特中,当两个任务的开始和结束时间重叠时,如何显示所有的数据标签?

hpxqektj  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(419)

我在同一行中有2个任务。标签如下:
1.第一个任务开始
1.第一个任务结束
1.第二个任务开始
1.第二个任务结束
标签3缺失,因为其低于2。

我希望两个点都显示出来,最好是在同一天分开,这样我们就可以清楚地看到我们有两个任务。一个结束,另一个开始
请为此示例找到一个工作沙箱:https://jsfiddle.net/Fmcg/9071Ltz6/12/
以及选项:

Highcharts.ganttChart('container', {
  title: {
    text: 'Gantt Chart with Progress Indicators'
  },
  yAxis: {
    categories: ['Magdala']
  },
  plotOptions: {
    series: {
      dataLabels: {
        enabled: true,
        verticalAlign: "top",
        format: "{point.custom.label}"
      }
    }
  },
  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
      }
    }]
  }]
});
xdnvmnnf

xdnvmnnf1#

我发现我实际上可以在Date.UTC上加上小时、分钟、秒。因此,如果任务1在下午1点结束,任务2在下午4点开始,它就会工作。
例如Date.UTC(2014, 10, 25, 13)

相关问题