加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex 折线图2

发布时间:2020-12-15 03:48:25 所属栏目:百科 来源:网络整理
导读:common:AmSerialCharts width="100%" height="100%" id="chart" dataProvider="{StaResultArr}" categoryField="stime" marginBottom="60" marginLeft="50" startDuration="1"!--数据显示样式 balloonText 绑定数据源显示的内容 bullet 折角的点样式(圆点,
							<common:AmSerialCharts width="100%"
												   height="100%"
												   id="chart"
												   dataProvider="{StaResultArr}"
												   categoryField="stime"
												   marginBottom="60"
												   marginLeft="50"
												   startDuration="1">
								<!--数据显示样式
									 balloonText 绑定数据源显示的内容
									 bullet 折角的点样式(圆点,方框等)
									 lineThickness="2" 线条的粗细
									 type  类型(曲线、折现、柱状图等)-->
								<common:graphs>
									<amcharts:AmGraph balloonText="[[stime]] :[[zlnum]]人"
													  id="g0"
													  valueField="zlnum"
													  lineColor="#5eb451"
													  color="#000000"
													  type="line"
													  lineThickness="2"
													  bullet="square"/>
								</common:graphs>
								<!--设置X轴可显示的最多数据条数
									 gridCount={数据源的长度}
									 gridAlpha 设置背景线的轻重
									 labelRotation  倾斜角度
									 styleName 样式,可显示X轴内容-->
								<common:categoryAxis>
									<amcharts:CategoryAxis gridAlpha="0.1"
														   gridCount="{StaResultArr.length/2}"
														   labelRotation="30"
														   styleName="MyTextStyle"/>
								</common:categoryAxis>
								<!--设置Y轴最大最小数值
									 min="0"
									 max="6"-->
								<common:valueAxes>
									<amcharts:ValueAxis position="left"
														axisThickness="2"
														axisColor="#FF0000"/>
								</common:valueAxes>
								<!--设置显示数据框的边框颜色及样式-->
								<common:balloon>
									<amcharts:AmBalloon cornerRadius="10"
														borderThickness="2"
														borderColor="#FFFFFF"
														borderAlpha="1"/>
								</common:balloon>
								<!--鼠标滑过即显示数据-->
								<common:chartCursor>
									<amcharts:ChartCursor zoomable="false"
														  cursorAlpha="0"
														  categoryBalloonEnabled="false"/>
								</common:chartCursor>
							</common:AmSerialCharts>
							<!--显示每条线路可点击实现线路隐藏-->
							<!--	<common:AmLegends dataProvider="{chart}"
								 width="100%"
								 switchType="v"
								 textClickEnabled="false"
								 color="#000000"
								 valueWidth="30"
								 marginBottom="0"
								 marginTop="0"
								 marginRight="0"
								 marginLeft="40"/>-->

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读