flex实现图表事件获取数据

 

 首先必须引入 几个包

   import mx.charts.events.ChartItemEvent;
        import mx.charts.series.items.ColumnSeriesItem;

private function setMousedata(event:ChartItemEvent):void
    {
     var can:HLOCSeriesItem=event.hitData.chartItem  as HLOCSeriesItem;  //不同的图表创建相应的对象
     showdataLabel.text=can.item.open+"   "+can.item.close;
    }

然后在图表中加入一个itemMouseMove事件

   

Xml代码

1. <mx:Label id="showdataLabel" /></mx:Box>  
2.     
3.      <mx:CandlestickChart id="candlestickchart"     
4.          height="100%"     itemMouseMove="setMousedata(event)"  
5.          width="100%"  
6.          paddingRight="5"   
7.          paddingLeft="5"   
8.             
9.         mouseMove="dropHandler(event)"  
10.          dataProvider="{TICKER}"  
11.      >              
12.          <mx:verticalAxis>  
13.              <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>  
14.          </mx:verticalAxis>  
15.   
16.          <mx:horizontalAxis>  
17.              <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>  
18.          </mx:horizontalAxis>  
19.   
20.          <mx:horizontalAxisRenderers>  
21.              <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>  
22.          </mx:horizontalAxisRenderers>  
23.   
24.          <mx:series>  
25.              <mx:CandlestickSeries   
26.                  openField="open"   
27.                  highField="high"   
28.                  lowField="low"   
29.                  closeField="close"  
30.                  fill="{up}"  
31.                  declineFill="{down}"  
32.                  stroke="{wick}"  
33.                  boxStroke="{box}"  
34.              />  
35.          </mx:series>  
36.      </mx:CandlestickChart>