`
dong_java
  • 浏览: 42829 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

新手问题—关于FLEX曲线上数据点显示

阅读更多

废话少说上代码!主要是红色部分,让数据点一直显示。

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script><![CDATA[
        import mx.collections.ArrayCollection;
        import mx.charts.events.ChartEvent;
        import mx.controls.Alert;
        [Bindable]
        public var clickData:ArrayCollection = new ArrayCollection([
            {Date:"2月2日", Profit:33456567, Duration:23423234},
            {Date:"2月3日", Profit:50892344, Duration:12313453},
            {Date:"2月4日", Profit:23034586, Duration:56232343},
            {Date:"2月5日", Profit:12439623, Duration:78345451},
            {Date:"2月6日", Profit:40285234, Duration:1235123},
            {Date:"2月7日", Profit:60345642, Duration:23544536}
        ]);
        public function showAllTips():void {
            linechart1.showAllDataTips = !linechart1.showAllDataTips;
        };
        public function chartEventHandler(event:ChartEvent):void{
            myValue.text = [event.currentTarget,event.localX.toString(),event.localY.toString()].join("/");
        };
        public function lineEventHandler(event:MouseEvent):void{
            var ls:LineSeries=event.target as LineSeries;
                  }
       
    ]]></mx:Script>
   
    <mx:Style>
    .axisTitles {
       color:red;
       fontWeight:bold;
       fontFamily:宋体;
       fontSize:14;
    }
    LineChart {
       axisTitleStyleName:axisTitles;
    }
    </mx:Style>
   
   
    <mx:Panel layout="absolute" title="统计图表" top="10" left="10" right="10" bottom="40">
        <mx:LineChart id="linechart1" top="0" left="0" right="0" bottom="0" dataProvider="{clickData}" showDataTips="true" themeColor="#E314D7" itemSelectionColor="#FF0000" itemRollOverColor="#0600FF" fontFamily="宋体" fontAntiAliasType="advanced" chartClick="chartEventHandler(event)">
            <mx:horizontalAxis>
                <mx:CategoryAxis categoryField="Date" title="时间"/>
            </mx:horizontalAxis>
            <mx:series>
                <mx:LineSeries displayName="点击率" itemRenderer="mx.charts.renderers.CircleItemRenderer"  yField="Profit" form="curve"  click="lineEventHandler(event)"/>
            </mx:series>
        </mx:LineChart>
        <mx:Legend dataProvider="{linechart1}" right="10" top="10"/>
    </mx:Panel>
    <mx:Button label="切换所有采集点提示" width="139" click="{showAllTips()}" bottom="10" left="10"/>
    <mx:TextInput id="myValue" bottom="10" left="157" width="334"/>
   
</mx:Application>

分享到:
评论

相关推荐

    amChart图表绘制学习控件

    amChart的拆线图支持多种轴类型(日期轴、数值轴等),可设置曲线平滑度,还能添加数据点标记和趋势线。 3. **柱状图**:柱状图以柱子的高度表示数据的大小,适用于比较多个类别之间的差异。amChart提供横轴和纵轴...

    ansys新手教程

    ### ANSYS新手教程知识点梳理 #### 一、ADAMS软件介绍 - **ADAMS起源与发展**:ADAMS(Automatic Dynamics Analysis of Mechanical System)是MDI公司于1980年首次发布的三维机构运动分析系统软件。它最初由Michael...

    Degrafa(Beta3)

    这种动态更新的能力对于实时数据显示或数据可视化项目尤其有用。 5. **自定义图形算法**: Degrafa允许开发者自定义图形算法,通过组合和扩展现有图形组件,可以创造出独特的视觉效果和交互逻辑。 6. **源码开放**...

    SilkTest2008初印象.pdf

    2. **SilkTest2008**仅提供了类似QTP专家视图的脚本编辑界面,缺少易于上手的关键字视图,这可能使得新手在编写测试脚本时面临一定的学习曲线。 #### 五、异常处理机制 1. **QTP**通过Recovery Scenarios来处理...

    Swing大刀系列

    - **难点**: Swing的学习曲线相对较高,尤其是对于新手而言,需要理解许多概念如TableModel、AbstractTableModel等。 - **成长过程**: 学习Swing的过程也是掌握更多软件设计原则和技术的过程,如设计模式、监听器...

    基于ECharts+html大数据可视化展示平台模板源码

    3. **数据绑定**:将数据映射到图表上,通过`setOption()`更新图表数据和样式。 4. **事件监听**:监听图表交互事件,如点击、鼠标悬浮等,实现相应功能。 5. **动态更新**:根据需要实时更新图表数据,展示动态变化...

    IOS新一代界面开发利器 —— FlexLib.zip

    在传统的iOS开发中,开发者通常使用AutoLayout或Size Classes来处理视图的布局,这两个系统虽然功能强大,但在处理复杂的界面布局时可能会显得繁琐,尤其对于新手来说学习曲线较陡峭。而FlexLib的出现,借鉴了Web...

    zk.rar_UI风格

    这种编程风格简化了UI的构建过程,使得界面设计更接近于视觉布局,降低了学习曲线,尤其是对于熟悉Flex或Flash Builder的开发者来说。 在"zk.pdf"这个文档中,可能涵盖了以下内容: 1. **ZK框架基础**:介绍了ZK...

    javaCVCVB等软件开发工具的区别.docx

    - C 语言适合对性能有严格要求的场景,但对新手来说学习曲线较陡峭。 3. C++: - C++ 基于C语言,增加了面向对象编程的概念,拥有丰富的库支持,如MFC(Microsoft Foundation Classes)。 - C++ 通常用于开发...

    使用PureMVC构建FLASH网站

    ### 使用PureMVC构建Flash网站的关键知识点 #### 一、PureMVC框架简介 - **定义**:PureMVC是一个轻量级的应用框架,它基于经典的MVC(Model-View-Controller)设计模式构建而成。该框架开源且免费,最初为...

    几种软件开发工具的区别.pdf

    本文将详细解析几种常见的软件开发工具,包括Java、C、C++、VC、VB以及.NET平台的相关知识点。 首先,Java是一种跨平台的面向对象编程语言,分为Java SE(标准版)、Java EE(企业版)和Java ME(微型版)。Java SE...

    第5章ADAMSView

    对于ADAMS初学者来说,深入理解并熟练运用ADAMS/View能极大地提升工作效率,帮助解决复杂的机械系统问题。 5.1 ADAMS/View的基本概念 ADAMS/View是一个综合性的建模和仿真环境,它的核心功能是构建和分析机械系统...

    Curso_Flutter:扑

    Flutter的核心在于其Dart编程语言,它是一种现代、面向对象的、类型安全的语言,语法简洁,学习曲线平缓,适合新手快速上手。Dart的强类型系统和异步编程模型,使得开发者能够高效地编写出高性能的应用程序。 课程...

Global site tag (gtag.js) - Google Analytics