如何在 angular 项目中使用 DHTMLX 甘特图中的插件进行配置

How to configure using plugins in DHTMLX gantt in an angular project

我正在尝试在 angular 项目中使用的 dhtmlxGantt 中使用标记插件,使用 https://dhtmlx.com/blog/dhtmlx-gantt-chart-usage-angularjs-2-framework/ 中的文档。我正在尝试在甘特图中显示当前日期的垂直线。但是标记插件不起作用。

我确实在 angular 组件的 ngOnInit 中添加了以下代码

gantt.plugins({ 
      marker: true 
  }); 

然后添加了一个标记

var today = new Date("04-04-2018");

  var markerId = gantt.addMarker({      
      start_date: today, 
      text: "todaynew",
  });

并在 .css 文件中定义了 todaynew 如下

.todaynew{
    background: #ffb121;
  }

但是没有显示当天的垂直标记

很难指出哪里出了问题。请发送准备好的 Angular 演示。

这是一个 Angular 演示,它可以正常工作: https://files.dhtmlx.com/30d/7c03a81b247bcd8e512a32d79157618f/angular7+marker_7.0.5_gpl.zip