Using DefaultItemRenderer

The node item renderer is by default set to DefaultItemRenderer, a renderer implementing the IRenderer and ISelectable interfaces. The rendering of nodes is defined via multiple Visualizer properties.

Label properties

Coloring properties

Border and font properties

Border and font properties can be specified through some Visualizer styles such as nodeBrderColor, nodeBorderThickness and nodeLabelFontFamily.

Example

The following example uses the DefaultItemRenderer and customize some of its properties:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:visualizer="fr.kapit.visualizer.*">
	<fx:Declarations>
		<fx:XML id="dp" xmlns="">
			<graphml>
				<node id="n1" name="Michael" age="30"/>	
				<node id="n2" name="Jack" age="45"/>	
				<node id="n3" name="Steeve" age="25"/>
				<edge id="e1" source="n1" target="n2"/>
				<edge id="e2" source="n1" target="n3"/>
			</graphml>
		</fx:XML>
	</fx:Declarations>

	<visualizer:Visualizer width="100%" height="100%" 
						   layout="hierarchicalTree" 
						   dataProvider="{dp}" 
						   nodeLabelFields="name;age" 
						   nodeLabelTitles="Name;Age" 
						   nodeBorderColor="0xad9e94" 
						   firstColor="0xedded4" 
						   coloringPolicy="uniform"
						   nodeLabelFontColor="0x223344"
						   nodeLabelTitleFontColor="0x223344"
						   />
</s:Application>