Use the Caption property to specify the node's caption. Use the Image property to assign an icon to a node. Use the Picture property to assign a custom size picture to a node. Use the Root property to get the root node. Use the Add method to add a new child node. Use the BeginUpdate and EndUpdate methods to maintain performance while adding new nodes to the control. Use the <img> HTML tag to insert icons inside the node's caption. Use the LinkCaption property to specify a caption on the line that links the parent with the current node.

The Caption property supports built-in HTML format. The supported tags are:

• <b>  bold </b>
• <u> underline </u>
• <s> strikeout </s>
• <i> italic </i>
• <fgcolor = FF0000> fgcolor </fgcolor>
• <bgcolor = FF0000> bgcolor </bgcolor>
• <br> breaks the line
• <solidline> draws a solid line
• <dotline> draws a dotted line
• <upline> draws the line to the top of the text line
• <r> aligns the rest of the text line to the right side.
• <img>number[:width]</img> inserts an icon inside the cell's caption. The number indicates the index of the icon being inserted. The width is optional and indicates the width of the icon being inserted. Using the width option you can overwrite multiple icons getting a nice effect. By default, if the width field is missing, the width is 18 pixels.
• <img>key[:width]</img> inserts a custom size picture being loaded using the HTMLPicture property. The Key parameter indicates the key of the picture being displayed. The Width parameter indicates a custom size, if you require to stretch the picture, else the original size of the picture is used.
• <font face;size>text </font> displays portions of text with a different font and/or different size. For instance, the <font Tahoma;12>bit</font> draws the bit text using the Tahoma font, on size 12 pt. If the name of the font is missing, and instead size is present, the current font is used with a different size. For instance, <font ;12>bit</font> displays the bit text using the current font, but with a different size.
• <a id;options> anchor </a>, specifies hyperlinks in your text. An anchor is a piece of text or some other object (for example an image) which marks the beginning and/or the end of a hypertext link.The <A> element is used to mark that piece of text (or inline image), and to give its hypertextual relationship to other documents. The control fires the AnchorClick event when the user clicks an anchor element. Use the FormatAnchor property to specify the visual effect for anchor elements. For instance, if the user clicks the anchor <a1>anchor</a>, the control fires the AnchorClick event, where the AnchorID parameter is 1, and the Options parameter is empty. Also, if the user clicks the anchor <a 1;yourextradata>anchor</a>, the AnchorID parameter of the AnchorClick event is 1, and the Options parameter is "yourextradata".

You can define the node's caption when calling the Add method.

With ChartView1.Root
        .Caption = "<r><dotline><b><fgcolor=0000FF>Andrew Fuller</fgcolor></b><br><solidline><b>Title</b>:<r><fgcolor=FF0000>Vice President Sales</fgcolor><br>USA, Tacoma, WA, 98401, 908 W. Capital Way<br><dotline><upline><b>Phone:</b><r>(206) 555-9482"
End With

The above sample looks like following:

The following C++ sample changes the caption for the root node:

CNode root = m_chartview.GetRoot();
root.SetCaption( "new caption" );

The following VB.NET sample changes the caption for the root node:

With AxChartView1.Root
    .Caption = "new caption"
End With

The following C# sample changes the caption for the root node:

EXORGCHARTLib.Node root = axChartView1.Root;
root.Caption = "new caption";

The following VFP sample changes the caption for the root node:

with thisform.ChartView1.Root
	.Caption = "new caption"
endwith