You can achieve what you want by creating a custom IRenderer implementation.Here's an example.
package sample
{
import com.esri.ags.Graphic;
import com.esri.ags.renderers.IRenderer;
import com.esri.ags.symbols.Symbol;
public class CustomRenderer implements IRenderer
{
//--------------------------------------------------------------------------
//
// Properties
//
//--------------------------------------------------------------------------
//----------------------------------
// teamA
//----------------------------------
public var teamA:IRenderer;
//----------------------------------
// teamB
//----------------------------------
public var teamB:IRenderer;
//--------------------------------------------------------------------------
//
// Public Methods
//
//--------------------------------------------------------------------------
public function getSymbol(graphic:Graphic):Symbol
{
var symbol:Symbol;
if (graphic)
{
var attributes:Object = graphic.attributes;
if (attributes && attributes.hasOwnProperty("team"))
{
if (attributes["team"] == "A")
{
symbol = teamA.getSymbol(graphic);
}
else if (attributes["team"] == "B")
{
symbol = teamB.getSymbol(graphic);
}
}
}
return symbol;
}
}
}
To use it:
<sample:CustomRenderer>
<sample:teamA>
<esri:ClassBreaksRenderer>
...
</esri:ClassBreaksRenderer>
</sample:teamA>
<sample:teamB>
<esri:ClassBreaksRenderer>
...
</esri:ClassBreaksRenderer>
</sample:teamB>
</sample:CustomRenderer>
Basically the renderer role is to return the right symbol for the graphic.You can either create one or do like above, delegate to another renderer based on a first attribute (eg: team)
