Label 如何将任务标签添加到资源AnyGantt

Label 如何将任务标签添加到资源AnyGantt,label,anychart,Label,Anychart,我想用AnyGant创建一个资源甘特图,当前,当鼠标指针移动到任务时,它会显示资源名称和开始时间/结束时间。我想显示任务名称和开始时间/结束时间(使用以下数据,我想显示“任务1”,而不是“设备1”) 有人能帮忙吗 谢谢 [{“id”:13,“name”:“Equipment#1”,“periods”:[{“id”:“task1”,“end”:149409000000,“fill”:“green”,“start”:1494055800000}]}]首先,period的id是必填字段,对于甘特图实时

我想用AnyGant创建一个资源甘特图,当前,当鼠标指针移动到任务时,它会显示资源名称和开始时间/结束时间。我想显示任务名称和开始时间/结束时间(使用以下数据,我想显示“任务1”,而不是“设备1”) 有人能帮忙吗

谢谢


[{“id”:13,“name”:“Equipment#1”,“periods”:[{“id”:“task1”,“end”:149409000000,“fill”:“green”,“start”:1494055800000}]}]

首先,period的id是必填字段,对于甘特图实时编辑而言必须是唯一的。您可以在原始数据中设置任意自定义字段,如下所示:

var rawdata = [{
    id: 13,
    name: "Equipment#1",
    periods: [
      {
        id: "task1",
        start: Date.UTC(2017, 4, 6),
        end: Date.UTC(2017, 4, 7),
        periodCustomName: "Task 1" //This value will be used in tooltip's title.
      }
    ]
  }];
由于数据已准备就绪,您必须为时间线的工具提示设置自定义标题格式:

//Getting gantt chart's timeline to work with its tooltip.
var timeline = chart.getTimeline();

//Gettnig timeline's tooltip.
var tlTooltip = timeline.tooltip();

//Setting tooltip title format function to access your custom raw data field.
tlTooltip.titleFormat(function() {
  //If period is hovered.
  if (this.period) {
    //Return periodCustomName-field if specified. 
    return this.period.periodCustomName || this.getData('name');
  }
  //Else return name of data item ("Equipment#1")
  return this.getData('name');
});

谢谢你回答亚历克斯!如果一个资源有多个时段,如何为每个不同的任务显示不同工具提示的提示(对于不同时间的一个资源,有不同的任务)对于自定义工具提示,我还有另一个问题,如果我在不同时间为一个资源显示多个任务,如何为每个不同的任务显示工具提示?我发现,当前,如果一个资源上有多个任务在不同的时间,则为所有任务显示的工具提示都具有相同的工具提示(工具提示显示开始日期/结束日期,但所有具有相同开始/结束日期的任务都是任务开始/结束日期之一)。是否希望每个任务都显示正确的工具提示和正确的开始/结束日期?