• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample demonstrates how to add the extra information to the nodes and how to show the information through the common graphical user interface element.

DEMO
SOURCE
Relative Mode
Position
Animation
Effect

Using diagram’s tooltip we can define the tooltip for the diagram nodes as well as connector. We can control the animation, position, effects of the tooltip using tooltip property of the diagram. Also, we can define the custom tooltip as either text or HTML element using content property of the tooltip. We can control the different tooltip settings to each connector and node.