`
lin_yike
  • 浏览: 19104 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

flex x轴旋转 (转载)

阅读更多
<?xml version="1.0"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 


  <mx:Style>
      @font-face { 
            src: local("仿宋_GB2312");
            font-size:20;
            font-family:EmbeddedArial; 
            
        } 
  
        ColumnChart { 
            font-family:EmbeddedArial; 
            font-size:16;
        } 
  </mx:Style> 
    <mx:Script> 
        <![CDATA[ 
            import mx.charts.series.items.ColumnSeriesItem; 
            import mx.charts.ChartItem; 
            import mx.charts.chartClasses.Series; 
            import mx.charts.chartClasses.IAxis; 
            import mx.utils.ObjectUtil;  
  
            private function linearAxis_labelFunc(item:Object, prevValue:Object, axis:IAxis):String { 
                return currencyFormatter.format(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 shortDateFormatter.format(tempDate).toUpperCase(); 
            } 
  
            private function columnSeries_labelFunc(element:ChartItem, series:Series):String { 
                var csi:ColumnSeriesItem = ColumnSeriesItem(element); 
                var ser:ColumnSeries = ColumnSeries(series); 
  
                var datNum:Number = Date.parse(csi.item.@date); 
                var tempDate:Date = new Date(datNum); 
                return fullDateFormatter.format(tempDate); 
            } 
        ]]> 
    </mx:Script> 
 
    <mx:DateFormatter id="shortDateFormatter" formatString="DD" /> 
    <mx:DateFormatter id="fullDateFormatter" formatString="MMM D, YYYY" /> 
    <mx:CurrencyFormatter id="currencyFormatter" precision="2" /> 
 
    <mx:XMLListCollection id="dp"> 
        <mx:source> 
            <mx:XMLList> 
                <quote date="中国----国家" open="40.29" close="39.58" /> 
                <quote date="美国----国家" open="39.4" close="39.52" /> 
                <quote date="德国----国家" open="39.47" close="38.75" /> 
                <quote date="韩国----国家" open="38.71" close="39.38" /> 
                <quote date="阿根廷----国家" open="39.08" close="39.42" /> 
                <quote date="巴西----国家" open="39.61" close="40.23" /> 
                <quote date="日本----国家" open="39.9" close="40.75" /> 
                <quote date="索马里海盗" open="41.3" close="41.06" /> 
            </mx:XMLList> 
        </mx:source> 
    </mx:XMLListCollection> 
    <mx:ColumnChart id="columnChart" 
            showDataTips="true" 
            dataProvider="{dp}" 
            width="432" 
            height="300" 
            showLabelVertically="{checkBox.selected}"> 
        
        <!-- vertical axis --> 
        <mx:verticalAxis> 
            <mx:LinearAxis baseAtZero="false" /> 
        </mx:verticalAxis> 
        
        <!-- horizontal axis --> 
        
        <mx:horizontalAxis> 
            <mx:CategoryAxis id="ca"  
                    categoryField="@date" /> 
        </mx:horizontalAxis> 
        
        <!-- horizontal axis renderer --> 
        <mx:horizontalAxisRenderers> 
            <mx:AxisRenderer axis="{ca}"  labelRotation="-90"
                    canDropLabels="true" /> 
        </mx:horizontalAxisRenderers> 
        
        <!-- series --> 
        <mx:series> 
            <mx:ColumnSeries displayName="Open" 
                    xField="@date" 
                    yField="@open" 
                    labelPosition="outside"> 
            </mx:ColumnSeries> 
        </mx:series> 
        
        <!-- series filters --> 
        <mx:seriesFilters> 
            <mx:Array /> 
        </mx:seriesFilters> 
    </mx:ColumnChart>
  
    <mx:ApplicationControlBar dock="true"> 
        <mx:CheckBox id="checkBox" 
                label="showLabelVertically:" 
                labelPlacement="left" 
                selected="true" /> 
    </mx:ApplicationControlBar> 
  
</mx:Application>


  • 大小: 58.2 KB
分享到:
评论

相关推荐

    FLEX时间轴代码

    在本文中,我们将深入探讨基于FLEX的时间轴代码实现,这是一种强大的可视化工具,常用于展示按时间顺序排列的数据。FLEX,全称为Flex,是Adobe公司开发的一种基于ActionScript的开源框架,主要用于构建富互联网应用...

    flex立方体旋转

    例如,使用`rotateX()`, `rotateY()`, 和 `rotateZ()` 可以让元素在X、Y、Z轴上进行旋转,从而创造出立方体翻转的效果。 2. **MXML和ActionScript**:在Flex中,我们可以使用MXML(标记语言)或者ActionScript...

    flex 图片自动旋转移动放大

    根据给定的标题和描述,我们将重点讨论如何使用Flex来实现图片的自动旋转、移动和放大功能。 首先,我们要理解Flex中的基本组件。`MXML`是Flex的主要标记语言,它与HTML类似,用于定义用户界面的布局和组件。在给定...

    flex实现旋转效果

    在本文中,我们将深入探讨如何使用Flex来实现一个图片旋转效果,这在产品展示或交互式界面设计中非常常见。Flex是一种强大的、基于XML的框架,用于构建富互联网应用程序(RIA),尤其适用于创建动态、响应式的用户...

    用Flex写的照片旋转

    标题中的“用Flex写的照片旋转”指的是使用Adobe Flex框架开发的一款功能,允许用户对照片进行旋转操作。Flex是一个开源的、基于ActionScript的框架,主要用于构建富互联网应用程序(RIA),它提供了一整套组件和...

    Flex电子相册旋转一

    Flex电子相册旋转一 Flex,全称Adobe Flex,是一个开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,RIAs)。这个标题所指的“Flex电子相册旋转一”可能是基于Flex开发的一个交互式电子相册...

    Flex4 3D旋转效果

    `rotateX()`, `rotateY()`, 和 `rotateZ()` 方法分别用于绕X、Y、Z轴旋转。这些方法接受一个以度为单位的角度值,负值表示逆时针旋转,正值表示顺时针旋转。 为了实现动态的3D旋转效果,我们可以使用` ENTER_FRAME`...

    Flex电子相册旋转4

    Flex电子相册旋转4是一款基于Adobe Flex技术开发的动态相册应用,主要用于展示图片,具有旋转效果,为用户带来独特的视觉体验。Flex是Adobe推出的开源框架,主要用于构建富互联网应用程序(RIA),它基于...

    Flex 剪切放大旋转

    这个压缩包中的“Flex 剪切放大旋转”项目,显然涉及到使用Flex技术来实现图片处理功能,包括上传图片、裁剪、放大和旋转。下面我们将详细探讨这些知识点。 1. **Flex框架**: Flex提供了MXML和ActionScript两种...

    flex制作的旋转色块验证特效

    这个"flex制作的旋转色块验证特效"是一种创新的用户验证方式,旨在提高网站的安全性和用户体验。通过视觉上的交互,用户需要正确识别并输入屏幕上随机旋转的彩色方块来完成验证,这种方式相比传统的文本验证码,更...

    Flex 图片旋转 缩放 拖动 特效

    在Flex开发中,图片的旋转、缩放和拖动功能是常见的交互效果,尤其是在构建富互联网应用程序(RIA)时。Flex作为一个基于ActionScript 3.0的开源框架,提供了强大的图形处理和用户交互能力,使得实现这些特效成为...

    flex旋转3D

    在Flex中,可以使用`rotateX()`, `rotateY()`, 和 `rotateZ()` 方法分别围绕这些轴进行旋转。 3. **事件监听器**:为了实现鼠标移动时物体跟随的效果,我们需要添加鼠标事件监听器。例如,`MouseEvent.MOUSE_MOVE`...

    flex图片旋转

    简单的图片旋转功能 详细的代码 图片按顺时针自动旋转

    flex 360度旋转小人,模拟3D效果

    3. **旋转逻辑**:在ActionScript中,我们可以设置Transform3D的rotateX、rotateY和rotateZ属性来控制3D旋转。通过监听鼠标或触摸事件,我们可以获取用户的输入并更新旋转角度,从而实现小人的连续旋转。 4. **平滑...

    flex旋转图 很好的 示例代码

    在本文中,我们将深入探讨如何使用Flex技术和Java来创建一个动态的、可旋转的图形展示。Flex是一种基于ActionScript和MXML的开放源代码框架,主要用于构建富互联网应用程序(RIA)。它提供了强大的图形渲染能力,...

    Flex 立方体 旋转翻页特效

    Flex立方体旋转翻页特效是一种基于Adobe Flex技术实现的3D视觉效果,广泛应用于数字图书、产品展示等交互式应用中。Flex是Adobe提供的一个开源框架,主要用于构建富互联网应用程序(RIA),它基于ActionScript编程...

    1-09-田永辰_flex_主轴对齐鸭_

    主轴对齐是通过 `align-items` 属性来控制的,它决定了 flex 项在交叉轴上的对齐方式。对于单行布局,主轴是水平方向(默认),交叉轴则是垂直方向。`align-items` 可以接受以下值: - `flex-start`:所有项目向...

    Flex画 坐标轴曲线 项目用过的 flex4 开发

    在Flex4开发中,创建坐标轴曲线图是一种常见的需求,特别是在数据可视化和图表展示的应用中。Flex是一个基于ActionScript和MXML的开放源代码框架,主要用于构建富互联网应用程序(RIA)。它提供了强大的图形和组件库...

    FLEX4时间轴动画

    在Flex4中,时间轴动画是一种强大的工具,用于创建动态且引人入胜的用户界面。这个特性通过`s:Animate`、`s:MotionPath`和`s:KeyFrame`等标签来实现,允许开发者控制显示对象在不同时间点上的属性变化,从而实现平滑...

    flex组件时间轴组件

    在本文中,我们将深入探讨“Flex组件时间轴”,这是一种在现代Web开发中广泛使用的界面元素。Flex组件时间轴主要用于组织和展示按照时间顺序排列的数据,它在各种项目中都有着重要的应用,尤其对于需要呈现时间序列...

Global site tag (gtag.js) - Google Analytics