Tooltips甘特图文字悬停问题

151 阅读1分钟

问题描述:

image.png

官网链接:forum.dhtmlx.com/t/tooltips/…

gantt.plugins({
  tooltip: true
});

var mouse_on_grid = false;

gantt.templates.tooltip_text = function(start,end,task){
  if(mouse_on_grid) return "<b>Task:</b> "+task.text+"<br/><b>Start date:</b> " + 
    gantt.templates.tooltip_date_format(start)+ 
    "<br/><b>End date:</b> "+gantt.templates.tooltip_date_format(end);
  return ""

};

//关键代码,控制e.clientX <= gantt.config.grid_width这个大于小于或者等于就可以调整对应的显示位置
gantt.attachEvent("onMouseMove", function (id, e){
  if (e.clientX <= gantt.config.grid_width) mouse_on_grid = true;
  else mouse_on_grid = false;
}); 


gantt.init("gantt_here");

gantt.parse(<data>);