[转]flex:ColumnChart图表各个labe…

flex:ColumnChart图表各个labelfunction  

 

        ColumnChart { 

            font-family: "宋体"; 

            font-size:12;

        } 

     

   

       

          import mx.charts.chartClasses.IAxis;

          import mx.charts.chartClasses.Series;

          import mx.charts.series.items.ColumnSeriesItem;

    import mx.graphics.SolidColor;

    import mx.charts.ChartItem;

    import mx.graphics.IFill;

    import mx.collections.ArrayCollection;

    import mx.charts.HitData;

    import mx.charts.events.ChartItemEvent;

    import mx.utils.*;

   

    [Bindable]

    public var overview:ArrayCollection = new ArrayCollection([

    { date: "01/02/2006", total:3000, food:1300, drinks:1700, other:0, expenses:2700, profit:300},

    { date: "01/08/2006", total:3500, food:1800, drinks:1500, other:200, expenses:2900, profit:600},

    { date: "01/15/2006", total:2600, food:1000, drinks:1600, other:0, expenses:2700, profit:-100},

    { date: "01/22/2006", total:3200, food:1300, drinks:1900, other:0, expenses:2900, profit:200 },

    { date: "02/1/2006", total:2200, food:1200, drinks:1000, other:0, expenses:2100, profit:100 },

    { date: "02/8/2006", total:2600, food:1300, drinks:1600, other:100, expenses:2700, profit:400 },

    { date: "02/16/2006", total:4100, food:2300, drinks:1700, other:100, expenses:2700, profit:200 },

    { date: "02/22/2006", total:4300, food:2300, drinks:1700, other:300, expenses:3300, profit:1000 }

    ]);

   

    [Bindable]

    public var drillDownDataSet:ArrayCollection;

   

    [Bindable]

    public var mainDataProvider:ArrayCollection = overview;

   

    private function init():void{

    }

   

    private function zoomIntoSeries(e:ChartItemEvent): void {

    if(mainDataProvider == overview) {

      drillDownDataSet = new ArrayCollection(createDataForDate(e));

      trace(drillDownDataSet+"---");

      columnSeries.displayName = "Daily Breakdown";

      columnSeries.yField = "amount";

      columnSeries.xField = "type";

     

      ca1.categoryField = "type";

      mainPanel.title = "Profits for "+e.hitData.item.date;

      mainDataProvider = drillDownDataSet;

    } else {

      mainDataProvider = overview;

      columnSeries.displayName = "Profit by date";

      columnSeries.yField = "profit";

      columnSeries.xField = "date";

      ca1.categoryField = "date";

      mainPanel.title = "Profit Overview" ;

    }

    }

    private function profitFunction(element:ChartItem, index:Number):IFill {

    // black for profit

    var dateColor:SolidColor = new SolidColor(0x000000);

    var item:ColumnSeriesItem = ColumnSeriesItem(element);

    var profit:Number = Number(item.yValue);

    if (profit < 0) {

      // red for not profitable

      dateColor.color = 0xFF0000;

    }

    return dateColor;

    }

     

    private function createDataForDate(e:ChartItemEvent):Array {

    var result:Array = [];

    var food:Object = {type:"food", amount:e.hitData.item.food};

    var drinks:Object = {type:"drinks", amount:e.hitData.item.drinks};

    var other:Object = {type:"other", amount:e.hitData.item.other};

    var expenses:Object = {type:"expenses", amount:e.hitData.item.expenses};

    result.push(food);

    result.push(drinks);

    result.push(other);

    result.push(expenses);

    return result;

    }

   

    private function linearAxis_labelFunc(item:Object, prevValue:Object, axis:IAxis):String { 

                return String(item); 

            } 

   

            private function categoryAxis_labelFunc(item:Object, prevValue:Object, axis:CategoryAxis, categoryItem:Object):String { 

                //var datNum:Number = Date.parse(item); 

                //var tempDate:Date = new Date(datNum); 

                return String(item);

            } 

   

    private function columnSeries_labelFunc(element:ChartItem, series:Series):String { 

                var csi:ColumnSeriesItem = ColumnSeriesItem(element);

                var ser:ColumnSeries = ColumnSeries(series); 

                //trace(ser.items);

   

                //var datNum:Number = Date.parse(csi.item.@profit); 

                //var tempDate:Date = new Date(datNum); 

                //return fullDateFormatter.format(tempDate); 

                return String(csi.yValue);

            }

 

 

 

 

 

 

    showLabelVertically="true" 

    width="99%" 

    itemClick="zoomIntoSeries(event)" 

    dataProvider="{mainDataProvider}" 

    maxLabelWidth="30">

   

   

      baseAtZero="false"

      labelFunction="linearAxis_labelFunc"/>

   

   

   

      title="August 2007" 

                    labelFunction="categoryAxis_labelFunc"/>

   

   

             

         

   

   

      displayName="Total profit"

      fillFunction="profitFunction"

      yField="profit" xField="date"

      hideDataEffect="slideZoomOut"

      showDataEffect="slideZoomIn" 

      labelFunction="columnSeries_labelFunc" 

                    labelPosition="outside"/>

   

 

 

 

//注意：LinearAxis如果设maximum的值比较小的话，则数据比maximum的值大的就不会显示。