废话少说上代码!主要是红色部分,让数据点一直显示。
<?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的拆线图支持多种轴类型(日期轴、数值轴等),可设置曲线平滑度,还能添加数据点标记和趋势线。 3. **柱状图**:柱状图以柱子的高度表示数据的大小,适用于比较多个类别之间的差异。amChart提供横轴和纵轴...
### ANSYS新手教程知识点梳理 #### 一、ADAMS软件介绍 - **ADAMS起源与发展**:ADAMS(Automatic Dynamics Analysis of Mechanical System)是MDI公司于1980年首次发布的三维机构运动分析系统软件。它最初由Michael...
这种动态更新的能力对于实时数据显示或数据可视化项目尤其有用。 5. **自定义图形算法**: Degrafa允许开发者自定义图形算法,通过组合和扩展现有图形组件,可以创造出独特的视觉效果和交互逻辑。 6. **源码开放**...
2. **SilkTest2008**仅提供了类似QTP专家视图的脚本编辑界面,缺少易于上手的关键字视图,这可能使得新手在编写测试脚本时面临一定的学习曲线。 #### 五、异常处理机制 1. **QTP**通过Recovery Scenarios来处理...
- **难点**: Swing的学习曲线相对较高,尤其是对于新手而言,需要理解许多概念如TableModel、AbstractTableModel等。 - **成长过程**: 学习Swing的过程也是掌握更多软件设计原则和技术的过程,如设计模式、监听器...
3. **数据绑定**:将数据映射到图表上,通过`setOption()`更新图表数据和样式。 4. **事件监听**:监听图表交互事件,如点击、鼠标悬浮等,实现相应功能。 5. **动态更新**:根据需要实时更新图表数据,展示动态变化...
在传统的iOS开发中,开发者通常使用AutoLayout或Size Classes来处理视图的布局,这两个系统虽然功能强大,但在处理复杂的界面布局时可能会显得繁琐,尤其对于新手来说学习曲线较陡峭。而FlexLib的出现,借鉴了Web...
这种编程风格简化了UI的构建过程,使得界面设计更接近于视觉布局,降低了学习曲线,尤其是对于熟悉Flex或Flash Builder的开发者来说。 在"zk.pdf"这个文档中,可能涵盖了以下内容: 1. **ZK框架基础**:介绍了ZK...
- C 语言适合对性能有严格要求的场景,但对新手来说学习曲线较陡峭。 3. C++: - C++ 基于C语言,增加了面向对象编程的概念,拥有丰富的库支持,如MFC(Microsoft Foundation Classes)。 - C++ 通常用于开发...
### 使用PureMVC构建Flash网站的关键知识点 #### 一、PureMVC框架简介 - **定义**:PureMVC是一个轻量级的应用框架,它基于经典的MVC(Model-View-Controller)设计模式构建而成。该框架开源且免费,最初为...
本文将详细解析几种常见的软件开发工具,包括Java、C、C++、VC、VB以及.NET平台的相关知识点。 首先,Java是一种跨平台的面向对象编程语言,分为Java SE(标准版)、Java EE(企业版)和Java ME(微型版)。Java SE...
对于ADAMS初学者来说,深入理解并熟练运用ADAMS/View能极大地提升工作效率,帮助解决复杂的机械系统问题。 5.1 ADAMS/View的基本概念 ADAMS/View是一个综合性的建模和仿真环境,它的核心功能是构建和分析机械系统...
Flutter的核心在于其Dart编程语言,它是一种现代、面向对象的、类型安全的语言,语法简洁,学习曲线平缓,适合新手快速上手。Dart的强类型系统和异步编程模型,使得开发者能够高效地编写出高性能的应用程序。 课程...