`
Franciswmf
  • 浏览: 796892 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

flex amcharts line demo2

 
阅读更多
xmlns:chart="chart.*"				   xmlns:amcharts="http://www.amcharts.com/com_internal"
==========
[Bindable]
			private var chartData:ArrayCollection = new ArrayCollection([
				{stcd:"01-08 09:00",avg:"0.0",sw:12.31},
				{stcd:"01-08 10:00",avg:1.5,sw:12.71},
				{stcd:"01-08 11:00",avg:2.5,sw:13.31}]);
==========
<viewer:WidgetTemplate width="100%" height="100%">
		<s:BorderContainer x="0" y="0" left="2" top="2" right="2" width="100%" height="100%" id="bc1" borderAlpha="0" backgroundAlpha="0">
			
		
		<chart:SerialChart id="sqchart" x="0" y="0" width="100%" height="100%" categoryField="stcd"
						   color="#000000" columnSpacing="0" columnWidth="0.6"
						   dataProvider="{chartData}" plotAreaFillAlphas="1" startDuration="0.3"
						   plotAreaFillColors="[#d6ebf7,#ffffff,#d6ebf7]">
			<chart:graphs>
				<amcharts:AmGraph title="日雨量" valueField="avg" type="column" fillAlphas="1" 
								  fillColors="[#7EEAE3,#50BBF0,#2C90E3]"
								  lineAlpha="0"  balloonText="雨量: [[value]]mm" valueAxis="{rain}"/>
				<amcharts:AmGraph title="日雨量" valueField="sw" type="smoothedLine" lineColor="#FF7A82"
								  lineAlpha="1"  balloonText="水位: [[value]]m" lineThickness="2"/>
			</chart:graphs>
			<chart:balloon>
				<amcharts:AmBalloon borderThickness="2" borderAlpha="1" cornerRadius="3" fontSize="13"
									fontWeight="bold"/>
			</chart:balloon>
			<chart:valueAxes>
				<amcharts:ValueAxis gridAlpha="0.1"  axisColor="#0000ff" axisThickness="2" color="#0000ff"
									min="5" max="30"></amcharts:ValueAxis>
				<amcharts:ValueAxis gridAlpha="0"  axisColor="#000000" id="rain" position="right" reversed="true"
									min="0" max="32"></amcharts:ValueAxis>
			</chart:valueAxes>
			<chart:categoryAxis>
				<amcharts:CategoryAxis gridAlpha="0.1"  axisColor="#E0559C" title="时间" tickLength="0" titleTextColor="#4AABDB"
									   titleTextSize="14" startOnAxis="true"
									   axisThickness="2" color="#E0559C"></amcharts:CategoryAxis>
			</chart:categoryAxis>
			<chart:chartCursor>
				<amcharts:ChartCursor/>
			</chart:chartCursor>
		</chart:SerialChart>
		</s:BorderContainer>
	</viewer:WidgetTemplate>
分享到:
评论

相关推荐

    破解过的Flex amcharts,有例子

    破解后的swc文件,选择CYC标签 博文链接:https://aimy-2012.iteye.com/blog/1890944

    flex amCharts的swc

    flex amCharts图表的第三方工具包,希望能帮到大家。

    amcharts_flex_components_1.6.2.1.zip_am flex charts_amChartsFB3_

    2. "Examples":这部分可能包含了一系列示例代码,展示了如何在实际项目中使用amCharts Flex组件。通过这些例子,开发者可以快速了解如何配置和自定义图表,以及如何处理各种数据源。 3. "Documentation":这是文档...

    amcharts_flex_components_1.8.1.3

    "amcharts_flex_components_1.8.1.3" 是一个针对Adobe Flex开发者的重要工具包,主要用于创建交互式和视觉吸引人的数据可视化应用。这个版本1.8.1.3是amCharts Flex组件的一个更新,它提供了一系列的组件和功能,...

    amcharts3D flex帮助文档

    2. **Flex集成**: amCharts库可以通过Flex SDK添加到项目中,通过编写ActionScript代码或使用MXML声明式语法来创建和定制图表。Flex的组件模型使得将amCharts图表与其他UI元素集成变得简单。 3. **交互性与响应性**...

    amcharts_flex_components_1.8.3.4

    《深入解析amcharts_flex_components_1.8.3.4:回顾与探索》 amcharts_flex_components_1.8.3.4是针对Adobe Flex框架开发的一款强大的图表库,它提供了丰富的可视化组件,使得开发者能够轻松创建交互式、动态的2D和...

    amcharts_flex_components_1.8.3.3

    《深入解析amcharts_flex_components_1.8.3.3:打造卓越的Flex图表体验》 在IT行业中,数据可视化扮演着至关重要的角色,它能够帮助用户快速理解和分析复杂的信息。amCharts_flex_components_1.8.3.3正是这样一款专...

    flex_amcharts

    Flex_AmCharts是一款基于Adobe Flex技术的图表库,它提供了丰富的可视化工具,使得开发者能够创建出交互式的饼图、柱图、3D图以及折线图等数据展示效果。AmCharts是一个广泛使用的JavaScript和Flash图表解决方案,而...

    amchart for flex 4 破解demo 实例

    amcharts去水印 破解和amserieschart破解的应用demo此实例为amcharts的最新版本 1.8.3 2011年版。能够实现多种图标,动态加载数据。动态添加数据,在此demo种都有展示。

    amcharts-flex-charts

    【标题】"amcharts-flex-charts" 指的是一款基于Adobe Flex技术的图表库,主要用于创建交互式、数据可视化的图表。这个库是AmCharts公司提供的,它扩展了Flex框架,使得开发者能够轻松地在Flex应用中集成复杂的图表...

    amcharts Flex报表工具

    amcharts_flex_components_1.8.3.2 也是flex报表工具之一,很小易用很方便! flex的三大几个常用的报表工具分别是: Ilog IBM公司收费的 amcharts openflashchart FusionCharts

    amcharts嵌入到flex中

    在IT行业中,将图表库如AmCharts嵌入到Flex应用程序中是一种常见的需求,尤其是在需要创建交互式、数据可视化展示时。AmCharts是一个功能强大的JavaScript图表库,提供了多种类型的图表,如柱状图、线图、饼图等。而...

    amcharts for flex

    2. **amcharts**:amcharts是一款跨平台的图表库,支持JavaScript、Flex、Silverlight等多种技术。它以其直观易用、性能优越和多样化图表类型著称,适用于各种数据可视化需求。 3. **图形报表**:在数据分析和商业...

    WPF中使用amCharts绘制股票K线图源码的demo

    2. **加载amCharts库**:在WebBrowser控件的NavigateToString方法中,引入amCharts的JavaScript库和必要的CSS。这通常包括amcharts.js和相关的主题文件。 3. **创建数据源**:股票K线图的数据通常包含日期、开盘价...

    Flex Chart Demo

    Flex Chart Demo是一个示例项目,展示了如何在Flex环境中利用图表组件进行数据可视化。Flex是Adobe开发的一款用于构建富互联网应用程序(RIA)的框架,而Flex Builder是它的集成开发环境(IDE),提供了图形化的用户...

    amcharts flex component

    "amCharts Flex Component" 是一款专门用于Adobe Flex的图表组件,它为开发者提供了一套强大且灵活的工具,用于在Flex应用程序中创建交互式、视觉吸引力强的数据可视化效果。amCharts以其丰富的图表类型、高度定制性...

    amcharts_3.19.2.freeDEMO、源码

    2. **changeLog.txt**:这个文件记录了AmCharts 3.19.2版本相对于前一版本的更新和改进。通过阅读它,开发者可以了解到新功能、bug修复以及可能的性能优化,这对于保持软件的最新状态和理解版本之间的差异非常有用。...

    amcharts-3.20.20

    1. **多样的图表类型**:amCharts 支持多种图表样式,包括但不限于柱状图(Column)、条形图(Bar)、线形图(Line)、面积图(Area)和烛台图(Candlestick),以及雷达图(Radar)。这些图表可以用于展示不同类型...

    WPF中使用amCharts绘制股票K线图demo

    2. **创建WPF窗口**:在XAML文件中,你需要创建一个新的Grid或Canvas作为图表容器。例如: ```xml xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x=...

    amcharts 3D柱状图解说

    2. **配置数据**:定义你的数据源。数据源可以是JSON对象或数组,每个元素代表一个柱子,包含X轴、Y轴值和可能的其他属性。 3. **设置图表配置**:创建一个配置对象,指定图表类型('serial')、主题、数据列、3D...

Global site tag (gtag.js) - Google Analytics