flex amcharts line demo2

最新推荐文章于 2022-05-20 17:51:54 发布

揽峰moc

最新推荐文章于 2022-05-20 17:51:54 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Flex_WebService_GIS

本文链接：https://blog.youkuaiyun.com/big1989wmf/article/details/84737039

Flex_WebService_GIS 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一个用于展示日降雨量与水位变化的图表应用实例，使用了AmCharts组件来绘制柱状图和折线图，通过具体数据展示了不同时间段内的雨量和水位情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>