火星文 技术研习社

Noname Cat, Keep Thinking
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

Flex AIR:Line Chart 示例-用 XML 画图表很简单

Posted on 2010-06-14 07:03  剑廿三  阅读(1184)  评论(0)    收藏  举报

Line Chart 示例

 

效果如下图:

 

 

ChartTest.mxml 内容如下:

 

 

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s
="library://ns.adobe.com/flex/spark" 
                       xmlns:mx
="library://ns.adobe.com/flex/mx"
                       width
="500" height="400">
    
<fx:Declarations>
        
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
    
</fx:Declarations>
    
<mx:LineChart x="80" y="50" width="300" height="300" id="ctLine">
        
<mx:series>
            
<mx:LineSeries displayName="Series 1" yField="value1"/>
            
<mx:LineSeries displayName="Series 1" yField="value2"/>
        
</mx:series>
        
<mx:dataProvider>
            
<fx:XMLList xmlns="">
                
<stock>
                    
<value1>10</value1>
                    
<value2>40</value2>
                
</stock>
                
<stock>
                    
<value1>20</value1>
                    
<value2>30</value2>
                
</stock>
            
</fx:XMLList>
        
</mx:dataProvider>
    
</mx:LineChart>
    
<mx:Legend dataProvider="{ctLine}"/>
</s:WindowedApplication>

 

 

其中数据源 dataProvider 里的 XML 也可以在 fx:Script 区域内用 ActionScript 代码实现。