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

Flex中Flex中如何在LineChart图表中,创建一个自定义的LinearAxis函数标签

阅读更多
<?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:Script>
        <![CDATA[
            import mx.charts.chartClasses.IAxis;

            private function linearAxis_labelFunc(item:Object, prevValue:Object, axis:IAxis):String {
                return currFormatter.format(item);
            }
        ]]>
    </mx:Script>

    <mx:CurrencyFormatter id="currFormatter" precision="2" />

    <mx:XMLListCollection id="dp">
        <mx:source>
            <mx:XMLList>
                <quote date="8/1/2007" open="40.29" close="39.58" />
                <quote date="8/2/2007" open="39.4" close="39.52" />
                <quote date="8/3/2007" open="39.47" close="38.75" />
                <quote date="8/6/2007" open="38.71" close="39.38" />
                <quote date="8/7/2007" open="39.08" close="39.42" />
                <quote date="8/8/2007" open="39.61" close="40.23" />
                <quote date="8/9/2007" open="39.9" close="40.75" />
                <quote date="8/10/2007" open="41.3" close="41.06" />
                <quote date="8/13/2007" open="41" close="40.83" />
                <quote date="8/14/2007" open="41.01" close="40.41" />
                <quote date="8/15/2007" open="40.22" close="40.18" />
                <quote date="8/16/2007" open="39.83" close="39.96" />
                <quote date="8/17/2007" open="40.18" close="40.32" />
                <quote date="8/20/2007" open="40.55" close="40.74" />
                <quote date="8/21/2007" open="40.41" close="40.13" />
                <quote date="8/22/2007" open="40.4" close="40.77" />
                <quote date="8/23/2007" open="40.82" close="40.6" />
                <quote date="8/24/2007" open="40.5" close="40.41" />
                <quote date="8/27/2007" open="40.38" close="40.81" />
            </mx:XMLList>
        </mx:source>
    </mx:XMLListCollection>

    <mx:LineChart id="lineChart"
            showDataTips="true"
            dataProvider="{dp}"
            width="100%"
            height="100%">

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

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

        <!-- horizontal axis renderer -->
        <mx:horizontalAxisRenderers>
            <mx:AxisRenderer axis="{ca}"
                    canDropLabels="true" />
        </mx:horizontalAxisRenderers>

        <!-- series -->
        <mx:series>
            <mx:LineSeries yField="@open"
                    form="curve"
                    displayName="Open" />
        </mx:series>

        <!-- series filters -->
        <mx:seriesFilters>
            <mx:Array />
        </mx:seriesFilters>
    </mx:LineChart>

</mx:Application>

 

分享到:
评论

相关推荐

    Flex chart line 线性表(单线和双线)

    Flex Chart Line是Adobe Flex框架中的一个关键组件,用于创建数据可视化图表,特别是线性图表。在本场景中,我们关注的是“单线”和“双线”两种类型的线性图表。Flex 4.5是Adobe Flex SDK的一个版本,它提供了更...

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

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

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

    在MXML程序中创建Flex图表通常涉及以下几个步骤: - **定义图表组件**:使用mx命名空间声明Halo组件,即Flex 4中的图表组件。 - **定义序列**:通过特定的序列标签,根据图表类型定义数据的呈现方式。 - **定义水平...

    flex动态生成datagrid表头

    关于“linechart的简单操作”,LineChart是Flex中用于展示趋势数据的图表组件。以下是如何创建和使用的基本步骤: 1. **创建LineChart对象**:同样,在MXML或ActionScript中创建LineChart实例。 ```xml &lt;mx:Line...

    Flex股票分析图

    3. 创建图表:实例化`LineChart`或`ColumnChart`,并设置其数据Provider为上面创建的数据源。 4. 配置图表:定制轴标签、图例、颜色等视觉元素,以及添加细节视图(例如鼠标悬停时显示的详细信息)。 5. 显示图表:...

    Flex ColumnChart获取得焦点改变颜色

    `ColumnChart`作为Flex图表组件之一,特别适合于展示分类数据,每一列代表一个分类,高度则表示该分类的数据值大小。 ### 二、代码解析 #### 1. 数据源设置 在示例代码中,我们首先定义了一个`ArrayCollection`...

    WPF WPFToolkit Chart 线性图表例子

    1. **LineSeries的创建**:要创建一个线性图表,你需要实例化`LineSeries`对象,并将其添加到`Chart`控件的`Series`集合中。同时,需要设置`ItemsSource`属性来绑定数据源,以及`DependentValuePath`和`...

    flex 仪表盘 gauge

    在Flex编程环境中,Gauge组件通常用于创建动态、交互式的仪表盘,以显示如温度、压力、速度等实时数据。本文将深入探讨Flex仪表盘Gauge的使用方法、主要特性以及如何通过FusionWidgets库实现自定义仪表盘。 1. **...

    flex多曲线图,实时更新

    2. 设置Chart组件:在Flex应用中,我们使用Chart组件作为图表容器,并添加多个Series来表示多条曲线。例如: ```mxml &lt;mx:Chart id="curveChart" width="100%" height="100%"&gt; &lt;mx:LinearAxis/&gt; &lt;mx:...

    flex graph

    Flex Graph组件是Flex SDK中的一个部分,它允许开发人员创建各种图表,如折线图、柱状图、饼图等,用于数据可视化。这些图表可以动态更新,响应用户交互,例如点击、拖动或缩放,使得数据展示更加直观易懂。 二、...

    Flex动态创建多个曲线图和柱形图源码

    在本例中,我们将探讨如何利用Flex来动态地创建多个曲线图和柱形图。此段代码摘自一个更完整的统计图表项目,并通过手动编写的数据源来展示图表的生成过程。下面将对代码进行详细的分析和解释。 #### 关键概念与...

    wpf绘制各种图表和柱状图

    在Windows Presentation Foundation(WPF)中,绘图和可视化元素是构建用户界面的重要部分,尤其在数据展示和分析中,图表和柱状图扮演着关键角色。WPF提供了丰富的图形和绘图API,使得开发者可以创建出美观且交互性...

    WPF调用toolkit,使用chart控件

    WPF Toolkit是一个开源项目,提供了许多原生WPF库中未包含的控件,其中包括Chart控件,用于创建各种数据可视化图表。本文将深入探讨如何在WPF应用中调用Toolkit,以及如何使用Chart控件进行数据展示和自定义设置。 ...

    oxyplot绘制统计图饼状线性等

    在 oxyplot 中,你可以利用丰富的 API 自定义图表的每一个细节,包括轴的标签、图例、颜色、线型、填充图案等等。这使得 oxyplot 成为了数据可视化的强大工具,无论是简单的报告还是复杂的交互式应用,都能满足需求...

    Flex常见效果

    `&lt;mx:BubbleChart&gt;`气泡图,用于显示三个变量之间的关系,每个气泡代表一个数据点。 ##### 5. CandlestickChart `&lt;mx:CandlestickChart&gt;`蜡烛图,常用于股票市场数据的表现,可以直观地看到开盘价、收盘价、最高价...

    Oxyplot绘图插件.rar

    这段代码创建了一个名为"My Chart"的图表模型,并添加了一个包含三个数据点的线形系列。 3. **配置图表元素** OxyPlot允许您对图表的各个方面进行定制,包括轴的刻度、标签、颜色以及系列的样式。例如,您可以...

    WPF WPFToolkit 图标控件例子

    在这个例子中,我们将重点关注如何使用WPF Toolkit来创建具有线性图、自定义GridLineStyle、ToolTip以及LinearAxis功能的图标控件。 首先,让我们从WPF Toolkit的图标控件开始。这个控件允许开发者在应用程序中展示...

    Flex实现双轴组合图的设计思路及代码

    在本文中,虽然没有直接描述如何添加折线图到组合图中,但根据Flex的实现机制,通常需要添加一个LineSeries对象到相应的图表组件中。 6. 数据绑定:在Flex应用中,数据绑定是将数据源中的数据动态地与MXML组件绑定...

    wpf的cpu使用量图表显示DynamicDataDisplay

    - **创建图表**:在XAML中,你可以创建一个`ChartPlotter`控件,并设置其属性以适应你的需求,例如大小和颜色等。 ```xml &lt;d3:LinearAxis Orientation="Y" Position="Left" Minimum="0" Maximum="100"/&gt; ...

    Flex UI组件使用全集

    - **RadioButton**: 单选按钮,通常用于同一组中只能选择一个项的场景。 - **RadioButtonGroup**: 管理一组单选按钮。 - **ToggleButtonBar**: 支持切换状态的按钮栏。 #### Datecontrols(日期组件) - **...

Global site tag (gtag.js) - Google Analytics