javascript 如何在任务条形甘特中同步添加数据标记

o7jaxewo  于 2022-12-10  发布在  Java
关注(0)|答案(1)|浏览(126)

我尝试使用syncfusion javascript创建一个甘特。我尝试在任务栏内添加一个数据标记,如果标记的日期福尔斯该日期范围内,如下所示:

TaskID: 1,
                TaskName: 'Project Initiation',
                StartDate: new Date('04/02/2019'),
                EndDate: new Date('05/21/2019'),
                    Indicators: [
                        {
                            'date': '04/10/2019',
                            'name': 'Design Phase',
                            'tooltip': 'Scheduled checkin',
                            'iconClass': 'okIcon e-icons'
                        }],
                TaskColor:'purple'

正如你所看到的,它的o 4/10/2019福尔斯在开始和结束日期。但指标从来没有显示在任务栏内,它总是得到隐藏在后面看起来像这样

但我希望它看起来像这样

参考:syncfusion data markers

2vuwiymt

2vuwiymt1#

与指示器相比,责任栏具有更高得优先级,因为责任栏是可移动得.将z指示器设置为指示器范围可以将指示器移动到责任栏上方.

<style>
  .e-gantt .e-gantt-chart .e-indicator-span {
    z-index: 3;
  }
</style>

样品:https://stackblitz.com/edit/sakfgm?file=data-source.ts,index.ts,index.html

相关问题