flex amcharts demo


水库:汛限水位;
河道:警戒水位;
<s:BorderContainer x="1" y="32"  id="teamArea" width="299" height="205" includeIn="teamstate" 
   backgroundAlpha="1" borderAlpha="1" backgroundColor="#ffffff" borderVisible="false">
<amcharts:AmLegend x="-78" y="-2" width="652" height="2" color="#666666"
   dataProvider="{riverChart}" fontSize="10" marginBottom="1"
   markerSize="8" textClickEnabled="false" textDecoration="none"
   valueText="">
</amcharts:AmLegend>
<chart:SerialChart plotAreaFillAlphas="0" startDuration="0.3"  id="riverChart" 
   categoryField="tm" dataProvider="{dayRainArr}" width="299" height="170" y="33" x="0">
<!--曲线-->
<chart:graphs>
<amcharts:AmGraph valueAxis="{lAxisId}" title="水位过程线" valueField="drp" type="line" lineColor="#0000ff" 
  lineAlpha="1"  balloonText="水位: [[value]]m" lineThickness="2"/>
<amcharts:AmGraph valueAxis="{rAxisId}" title="蓄水量" valueField="sw" type="line" lineColor="#00BB00" 
  lineAlpha="1"  balloonText="蓄水量: [[value]]万m³" lineThickness="2"/>
<amcharts:AmGraph valueAxis="{lAxisId}" title="汛限水位" valueField="sw2" type="line" lineColor="#FFB3B3" 
  lineAlpha="0.9" dashLength="5"  balloonText="汛限水位: [[value]]m" lineThickness="0"/>
</chart:graphs>

<!--坐标轴-->
<chart:valueAxes>
<amcharts:ValueAxis gridAlpha="0" title="" position="left" id="lAxisId" ></amcharts:ValueAxis>
<amcharts:ValueAxis gridAlpha="0" title="" position="right" id="rAxisId"></amcharts:ValueAxis>
</chart:valueAxes>
<chart:categoryAxis>
<amcharts:CategoryAxis gridAlpha="0" startOnAxis="true"></amcharts:CategoryAxis>
</chart:categoryAxis>
<chart:chartCursor>
<amcharts:ChartCursor/>
</chart:chartCursor>
</chart:SerialChart>
<s:Label x="3" y="27" color="#666666" fontSize="11" text="水位(m)" fontFamily="微软雅黑"/>
<s:Label x="233" y="173" color="#666666" fontSize="11" text="时间" fontFamily="微软雅黑"/>
<s:Label x="231" y="27" color="#666666" fontSize="11" text="蓄水量(万m³)" fontFamily="微软雅黑"/>
<s:Image x="125" y="27" source="assets/icon/tool.png" visible="false"/>
<s:Label x="134" y="31" color="#FFFFFF" fontSize="11" text="汛限水位:121m" visible="false"/>
</s:BorderContainer>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值