• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Annotations in ASP.NET MVC Diagram Control

This sample illustrates the competitive environment of a business through five forces chart. The elements of the five force chart is described using nodes and annotations. Customizing the position and appearance of the annotation is illustrated in this example.

DEMO
SOURCE
Properties
Alignment
Appearance
Templates
Behaviour

This example shows how to add textual descriptions to shapes and how to position them over the shapes. The annotations property of the node can be used to add descriptions.

The offset, horizontalAlignment, andverticalAlignment properties of the annotation can be used to customize the position of the descriptions. The bold,italic, fontSize, and fontFamily properties can be used to customize the appearance of the descriptions.

To change the position of the descriptions, select a node and choose the template in the property panel.