title: Display text with images in flex bar chart axis
body: <p>I am creating column chart to show friends score statistics in facebook application. My problem is how to display friend names with images in y-axis and their score in x-axis.I cant able to pass any arguments in the method 'setSource' of  tag. please see the sample code here. If anybody came to know please give me some idea or samples. Thanks in advance.</p>
  
  <pre><code> &lt;mx:Application  xmlns:mx="http://www.adobe.com/2006/mxml"
          layout="vertical" width="100%" height="100%"&gt;  
        &lt;mx:Script&gt;&lt;![CDATA[
      import mx.controls.TextArea;
      import mx.controls.Text;`enter code here`
      import mx.utils.ObjectUtil;
      import mx.controls.Alert;
           import mx.collections.ArrayCollection;
           import mx.charts.series.items.PlotSeriesItem;
           import mx.controls.Label;
           import mx.controls.Image;
           import mx.containers.HBox;
           import mx.charts.series.items.BarSeriesItem;
           import mx.charts.chartClasses.Series;
           import mx.charts.ChartItem;
  
           [Bindable]
           public var frienddetails:ArrayCollection = new ArrayCollection([                                                 
         {score:"5",Name:"charles",imgSource:"http://graph.facebook.com/10058050960/picture"},
         {score:"9",Name:"Martin",imgSource:"http://graph.facebook.com/100231645808/picture"},
         {score:"7",Name:"stewart",imgSource:"http://graph.facebook.com/10058050960/picture"}]);
  
      ]]&gt;
      &lt;/mx:Script&gt;    
  
  
      &lt;mx:BarChart id="bar" height="100%"  
              paddingLeft="15" paddingRight="5" 
              showDataTips="true"  width="847" 
              dataTipMode="multiple"  &gt;
              &lt;mx:verticalAxis&gt;
                  &lt;mx:CategoryAxis id="vAxis" categoryField="Name"  dataProvider="{frienddetails}" /&gt;
              &lt;/mx:verticalAxis&gt;  
              &lt;mx:verticalAxisRenderers&gt;
                  &lt;mx:AxisRenderer placement="left" axis="{vAxis}"  &gt;
                      &lt;mx:labelRenderer&gt;
                          &lt;mx:Component&gt;
                              &lt;mx:HBox width="100%" height="100%" minWidth="120" minHeight="20"&gt;
                                  &lt;mx:Image id="axisImage" height="100%" width="25" source="{setSource()}"&gt;
                                      &lt;mx:Script&gt;&lt;![CDATA[
                                          import mx.collections.ArrayCollection;
                                          import mx.utils.ObjectUtil;
                                          import mx.controls.Alert;
                                          import mx.charts.chartClasses.Series;
                                          import mx.charts.ChartItem;
                                          import mx.charts.series.items.BarSeriesItem;                                        
                                 public function setSource(element : ChartItem, series : Series) : String
                                         {
                                              var data : BarSeriesItem = BarSeriesItem(element);
                                              var imgSrc : String = "";
  
                                              Alert.show("Check : "+data.item.imgSource);
                                              imgSrc = data.item.imgSource;
  
                                              return imgSrc;
                                          }  
                                      ]]&gt;&lt;/mx:Script&gt;
                                  &lt;/mx:Image&gt;
                                  &lt;mx:Label id="axisLabel" fontSize="12" width="100%" height="100%"&gt;
                                      &lt;mx:Script&gt;&lt;![CDATA[
                                          [Bindable]
                                          override public function set data(value : Object) : void
                                          {
                                              if (value == null)
                                              {
                                                  return;
                                              }
  
                                                  axisLabel.text = value.text;
  
                                          }
                                      ]]&gt;
                                      &lt;/mx:Script&gt;
                                  &lt;/mx:Label&gt;
                              &lt;/mx:HBox&gt;
                          &lt;/mx:Component&gt;
                      &lt;/mx:labelRenderer&gt;
                  &lt;/mx:AxisRenderer&gt;
              &lt;/mx:verticalAxisRenderers&gt;
              &lt;mx:series&gt;
                  &lt;mx:BarSeries id="bs2" dataProvider="{frienddetails}" 
                          yField="Name" xField="score" displayName="Score" /&gt;          
          &lt;/mx:series&gt;
      &lt;/mx:BarChart&gt;
  &lt;/mx:Application&gt;
  </code></pre>