flex布局|Flex4 线图(LineChart)实现双纵坐标轴例子

更新时间:2020-03-11    来源:flex    手机版     字体:

【www.bbyears.com--flex】

下面是一个让图表使用双纵坐标轴的样例,图上的两根折线分别对应左右两侧的竖轴。

原文:Flex4 - 线图(LineChart)实现双纵坐标轴   原文:Flex4 - 线图(LineChart)实现双纵坐标轴



               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx">
   
                import mx.collections.ArrayCollection;
        
        [Bindable]
        private var arr:ArrayCollection=new ArrayCollection([
            {xname:"18:00",yname:2000,y2name:800},
            {xname:"19:00",yname:1000,y2name:500},
            {xname:"20:00",yname:3000,y2name:700},
            {xname:"21:00",yname:4000,y2name:800},
            {xname:"22:00",yname:1300,y2name:600}]);
        ]]>
   

    
   
       
       
   
  
    
                      height="60%" width="60%"  verticalCenter="0" horizontalCenter="0"
                  dataProvider="{arr}"
                  showDataTips="true">
       
       
           
               
                   
                       
                   
  
                   
                       
                   

               
           
           

           
               
                   
               

               
                   
               

           
         
       

        
       
       
                                         categoryField="xname"
                             title="时间"/>
       

        
       
                                         tickPlacement="none" minorTickPlacement="none"/>
       

        
       
       
                                         tickPlacement="none" minorTickPlacement="none"/>
                                         tickPlacement="none" minorTickPlacement="none"/>
       

        
       
       
           
           
               
                   
               

           

           
           
               
                   
               

           

       

   

本文来源:http://www.bbyears.com/flash/86322.html