`
sorehead
  • 浏览: 48099 次
  • 性别: Icon_minigender_2
  • 来自: 达纳苏斯
社区版块
存档分类
最新评论

Flex中如何利用canDropLabels样式,移除图表中一些水平轴线上标签

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

    <mx:XML id="quotesXML" source="adbe.xml" format="e4x" />
    <mx:XMLListCollection id="adbe" source="{quotesXML.quote}" />

    <mx:String id="ADBE_YAHOO">http://finance.yahoo.com/q?d=t&amp;s=ADBE</mx:String>

    <mx:ApplicationControlBar dock="true">
        <mx:CheckBox id="checkBox"
                label="canDropLabels:"
                labelPlacement="left" />
    </mx:ApplicationControlBar>

    <mx:LinkButton
            label="ADBE"
            click="navigateToURL(new URLRequest(ADBE_YAHOO))"
            fontSize="14"
            fontWeight="bold" />

    <mx:HLOCChart id="hlocChart"
            showDataTips="true"
            dataProvider="{adbe}"
            width="100%"
            height="100%">

        <!-- vertical axis -->
        <mx:verticalAxis>
            <mx:LinearAxis baseAtZero="false" title="Price" />
        </mx:verticalAxis>

        <!-- horizontal axis -->
        <mx:horizontalAxis>
            <mx:CategoryAxis categoryField="@date" title="Date" />
        </mx:horizontalAxis>

        <!-- horizontal axis renderer -->
        <mx:horizontalAxisRenderer>
            <mx:AxisRenderer canDropLabels="{checkBox.selected}" />
        </mx:horizontalAxisRenderer>

        <!-- series -->
        <mx:series>
            <mx:HLOCSeries id="series1"
                    highField="@high"
                    lowField="@low"
                    openField="@open"
                    closeField="@close"/>
        </mx:series>
    </mx:HLOCChart>

</mx:Application>

 

分享到:
评论

相关推荐

    Flex_4系统组件:图表

    标题中的“Flex_4系统组件:图表”指的是Adobe Flex 4框架中用于创建数据可视化的图表组件。这些组件是Flex SDK的一部分,允许开发者构建交互式的、动态的数据展示应用。Flex 4引入了全新的图形渲染引擎(称为Spark...

    flex圆形图表展示源码

    在Flex中,我们可以利用mx.charts库来创建各种图表,包括圆形图表。 标签"flex圆形图表展示源码"进一步强调了这个主题,表明我们将专注于Flex的源码实现,而不是理论概念。 在压缩包文件名...

    flex做的四种图表(线、柱、饼、区域)直接用js调用

    在本项目中,"flex做的四种图表(线、柱、饼、区域)直接用js调用"指的是使用Flex技术创建的四种常见的数据可视化图表:线图、柱状图、饼图和区域图,并且这些图表可以通过JavaScript与Web前端进行交互。 线图是一...

    超酷Flex动画图表

    在本压缩包中,我们有四个Flex项目工程,这些工程着重于动画图表的实现,特别是利用了flare库来增强图表的视觉效果和交互性。 Flare是一个数据可视化库,由加州大学圣克鲁兹分校的互动媒体研究实验室开发。它主要用...

    Flex3高级图表开发指南.zip

    《Flex3高级图表开发指南》是一本专注于Adobe Flex3中图表组件深度开发的教程,旨在帮助开发者充分利用Flex3的图表功能构建数据可视化应用。Flex3是Adobe Flex框架的一个版本,它提供了一整套工具和库,用于创建丰富...

    ArcGIS教程:Flex制作直观的交互式图表

    Flex允许开发人员构建出更加生动且具有强大交互功能的图表,这些图表可以极大地提升用户在Web应用中的体验。 **1. Flex图表组件的组成** Flex图表组件主要包括两大部分:图表(Chart)和序列(Series)。图表负责定义...

    Flex中的CSS样式

    ### Flex中的CSS样式详解 Flex是一种用于开发交互式应用程序的框架,它允许开发者利用Adobe Flash Player和Adobe AIR创建丰富的互联网应用程序。在Flex中,CSS(层叠样式表)被广泛应用于美化用户界面,使得应用...

    flex柱状图表很漂亮的源码

    综上所述,"flex柱状图表很漂亮的源码"涉及到Flex框架下的数据可视化技术,包括图表组件的使用、数据绑定、样式定制、交互设计以及可能的高级特性如钻取。通过学习和理解这些知识点,你可以创建出既实用又美观的柱状...

    flex水平柱状图表展示源码

    flex水平柱状图表展示源码

    flex线状图表展示源码

    在本案例中,"flex线状图表展示源码" 提供的是使用Flex技术创建线状图表的源代码。线状图表是数据可视化中常用的一种方式,它通过线条来表示数据的变化趋势,特别适合于展示连续的数据集。 在Flex中,可以使用MX或...

    flex 指南 Flex入门 Flex实例 flex图表 flex与java flex中文帮助 flex培训

    chart.rar--java+flex图表 Flex3高级图表开发指南.pdf--英文的 Flex+白皮书.pdf flex-demo.rar Flex入门培训资料及PPT.rar flex中文帮助.pdf InfoQ Flex与JSON及XML的互操作.mht 结合java做的flex图表例子 - 点点...

    Flex图表制作Flex图表制作

    Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表...

    Flex 3D标签云

    Flex 3D标签云是一种在Flex平台上创建动态、立体效果的标签展示技术,它通过将传统的二维标签转换为三维空间中的旋转元素,为用户提供了更直观、更具视觉吸引力的交互体验。这种技术常用于网站、应用程序或者数据...

    flex实时更新曲线图

    在本例中,"flex实时更新曲线图"涉及到的技术核心是Flex中的图表组件和数据驱动更新。 1. **Flex图表组件**:Flex提供了多种图表类型,包括折线图、柱状图、饼图等。曲线图,即折线图,用于展示数据随时间变化的...

    在FLEX中使用CSS样式方法

    - 使用`&lt;style&gt;`标签或外部样式表文件(.css)导入到Flex项目中。 2. **命名空间和类选择器** - Flex CSS需要指定命名空间,通常使用`mx:`或`s:`前缀,分别对应MX组件库和Spark组件库。 - 类选择器用于选择具有...

    flex图表导出图片

    1. **Canvas渲染**:在Flex中,我们可以利用Flash的Stage3D技术,将图表组件渲染到一个看不见的Canvas上。Stage3D允许开发者在GPU的帮助下进行高性能的2D和3D图形渲染。对于图表来说,我们可以先将图表显示在一个...

    flex特效 不错的flex样式生成器

    这个“flex特效 不错的flex样式生成器”是一个工具,可以帮助开发者更轻松地生成适用于Flex布局的CSS样式。通过图形化的界面,用户可以直观地调整各种属性,以实现所需的布局效果。 首先,让我们深入理解Flex布局的...

    flex与java关系类型映射图表

    flex与java关系类型映射图表 搞java与flex开发的人必备

    flex图表中DataTips样式(背景颜色、文字颜色,等...)

    在Flex图表中,DataTips是一种非常实用的功能,它可以在用户悬停在图表的特定数据点上时显示相关信息。DataTips的样式可以根据需求进行定制,包括背景颜色、文字颜色、字体大小、边框样式等多个方面,使得图表更加...

    FLEX图表相关解决方案

    总之,FLEX图表提供了一种强大的方式来展示数据,而这些压缩包文件中的资源将帮助你掌握如何有效利用FLEX图表组件,无论是创建简单的数据展示还是复杂的交互式报表。通过深入学习和实践,你将能够熟练运用FLEX图表,...

Global site tag (gtag.js) - Google Analytics