Tooltips hide autometically for link

GoJS
1

How to hide tool-tips automatically for link?
My Code is:-

myDiagram.linkTemplate =
$(go.Link,
{ selectable: true, selectionAdornmentTemplate: linkSelectionAdornmentTemplate },
{ relinkableFrom: true, relinkableTo: true, reshapable: true },
{
routing: go.Link.AvoidsNodes,
curve: go.Link.JumpOver,
corner: 5,
toShortLength: 4,
selectable: true,
//layoutConditions: go.Part.LayoutAdded | go.Part.LayoutRemoved,
mouseDragEnter: function (e, link) {
link.isHighlighted = true;
},
mouseDragLeave: function (e, link) {
link.isHighlighted = false;
},
mouseDrop: dropOntoLink
},
$(go.Shape, {
stroke: “black”,
strokeWidth: 2,

        },
        
            new go.Binding("stroke", "isHighlighted", function (h) {
                return h ? "#088ecc" : "black";
            }).ofObject(),
            new go.Binding("strokeWidth", "isHighlighted", function (h) {
                return h ? 4 : 2;
            }).ofObject()),

            $(go.Panel, "Auto",  // this whole Panel is a link label
    $(go.Shape, "RoundedRectangle", { fill: "white", stroke: "gray" }),
    
    $(go.TextBlock, { margin: 3 },
      new go.Binding("text", "text"))
  )
  ,
  {
    toolTip: myToollinkTips
  });

var myToollinkTips = $(go.HTMLInfo, {
show: showToolTip,
hide: hideToolTip
});

function showToolTip(obj, diagram, tool) {
var toolTipDIV = document.getElementById(‘toolTipDIV’);
toolTipDIV.style.display = “block”;
}

function hideToolTip(diagram, tool) {
var toolTipDIV = document.getElementById(‘toolTipDIV’);
toolTipDIV.style.display = “none”;
}

tooltips show & hide automatically for link.

2

It is not clear to me what behavior you want. If you want a tooltip to disappear automatically after some number of seconds. you can implement a timer to do that.

3

When I mouse hover on link it is not showing the tooltips , because it call first showToolTip & then call hideToolTip.

I want only call showToolTip on hover & on mouse move I want to call hideToolTip.
Am I clear to you?

4

If your links are relatively thin, as they usually are, it is very easy for a slight movement to cause the mouse to move off of the link, causing the tooltip to disappear. That behavior should already happen for you, and that is what you want, isn’t it?

That leaves the case where when the user moves the mouse, the mouse point remains within the path of the link. So you say that you want the tooltip to disappear then as well? Such behavior is not normal, but you can implement that in a mouseOver event handler. Although I would not recommend that behavior because that might make it difficult for the user to see the tooltip long enough to be able to read it.

5

So I have to make links little thick to solve this issue.
How to make that?

6

Set { isPanelMain: true } on the path Shape of the Link, and then add another Shape like this:

$(go.Shape, { isPanelMain: true, stroke: "transparent", strokeWidth: 8 })

See Flowchart for an example of this.