パレットと凡例
ノードとエッジ > ノードの外観をカスタマイズする > パレットと凡例

FlexDiagram includes a built-in legend system that categorizes and visually distinguishes nodes. This system uses the LegendItem property.

How LegendItem Property Works

  1. Automatic Node Coloring
    Nodes that share the same LegendItem value receive the same color, selected sequentially from the diagram’s palette.

  2. Legend Generation
    Each distinct LegendItem value appears as an entry in the diagram legend, making categories easy to understand.

Using Custom Palettes

FlexDiagram provides several built-in palettes. You can also assign custom palettes through the Palette property.

Add LegendItem Example

Assign LegendItem property to group nodes into categories and display them in the diagram legend using the following code:

C#
コードのコピー
var node1 = new Node() { Text = "Node 1", LegendItem = "Group 1" };
var node2 = new Node() { Text = "Node 2", LegendItem = "Group 1" };
var node3 = new Node() { Text = "Node 3", LegendItem = "Group 2" };
var node4 = new Node() { Text = "Node 4", LegendItem = "Group 2" };
diagram.Nodes.Add(node1);
diagram.Nodes.Add(node2);
diagram.Nodes.Add(node3);
diagram.Nodes.Add(node4);