Как добавить метку задачи к ресурсам AnyGantt

Я хотел бы создать ресурс Ганта с AnyGantt, в настоящее время, когда указатель мыши перемещается на задачу, он показывает имя ресурса и время начала/окончания. Я хотел бы показать имя задачи и время начала/окончания (со следующими данными я хотел бы показать «задачу 1», а не «Оборудование № 1»). Кто-нибудь может помочь?

Спасибо!

[ {"id": 13, "name": "Оборудование №1", "периоды": [{"id": "task1", ​​"end": 1494099000000, "fill": "зеленый", "start": 1494055800000}]}]


person Robin LI    schedule 11.05.2017    source источник


Ответы (1)


Прежде всего, идентификатор периода является обязательным полем и должен быть уникальным для целей редактирования диаграммы Ганта в реальном времени. Вы можете установить любое настраиваемое поле в необработанных данных следующим образом:

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');
});
person Alex Q    schedule 13.05.2017
comment
Спасибо за ответ Алекс! Если есть несколько периодов для одного ресурса, как показать подсказку для разных всплывающих подсказок для каждой отдельной задачи (для одного ресурса в разное время есть разные задачи) - person Robin LI; 17.05.2017
comment
Что касается настраиваемых всплывающих подсказок, у меня есть еще один вопрос: если у меня есть несколько задач для одного ресурса в разное время, как я могу отображать всплывающие подсказки для каждой отдельной задачи? В настоящее время я обнаружил, что если есть несколько задач на одном ресурсе в разное время, всплывающая подсказка для всех задач имеет одну и ту же всплывающую подсказку (всплывающая подсказка показывает дату начала/окончания, но все задачи с одинаковой датой начала/окончания, это одна из даты начала/окончания задач). в любом случае, чтобы каждая задача отображала правильную всплывающую подсказку с правильной датой начала/окончания? - person Robin LI; 17.05.2017