Time for action - visualizing the info

Enough traces! It's time we displayed something in our actual SWF.

CustomGraphContainerController inherits a method called renderGraphObject() which will take care of this for us. All we have to do is pass it an argument of type graph.GraphObject.

GraphObject.as is a simple class; feel free to open it and take a look:

package graph
{
import graph.controls.GraphObjectRenderer;
public dynamic class GraphObject extends BaseGraphItem
{
public var rendererObject:GraphObjectRenderer;
public var graphObjectListRenderers:Array = [];
public function GraphObject()
{
}
}
}

Honestly, there's no need to worry about any of the code there. All you need to know is that it's dynamic, which means that we can assign new properties to it during runtime, without having to specify their names beforehand. So we can do this:

var graphObject:GraphObject = new GraphObject();
graphObject.favoriteColor = "red";

When a GraphObject is passed to the CustomGraphContainerController.renderGraphObject() method, every single property of the GraphObject will be rendered in a fancy list, automatically. Every single property apart from the two that are defined in the class already, that is!

So what we have to do, inside CustomGraphContainerController.onGraphDataLoadComplete(), is:

You can click the Zoom In button a few times to make the Renderer larger and clearer, as in the screenshot above. Your Renderer might display the fields in a different order than depicted; Facebook returns the fields in an arbitrary order.