Search results

DiagramTooltipModel

Interface for a class DiagramTooltip

Properties

animation

AnimationModel

Allows to set the same or different animation option for the Tooltip, when it is opened or closed.

<div id='diagram'></div>
let diagram: Diagram = new Diagram({
...
constraints: DiagramConstraints.Default | DiagramConstraints.Tooltip,
tooltip: { content: getcontent(), position: 'TopLeft', relativeMode: 'Object',
animation: { open: { effect: 'FadeZoomIn', delay: 0 },
close: { effect: 'FadeZoomOut', delay: 0 } } },
...
});
diagram.appendTo('#diagram');
function getcontent(): => {
...
}

content

string | HTMLElement

Defines the content of the Tooltip

height

number | string

Sets the height of the Tooltip

position

Position

Defines the position of the Tooltip

relativeMode

string

Defines the relative mode of the Tooltip

  • Object - sets the tooltip position relative to the node
  • Mouse - sets the tooltip position relative to the mouse

showTipPointer

boolean

Defines if the Tooltip has tip pointer or not

width

number | string

Sets the width of the Tooltip