首页 > 其他 > 详细

Flex 折线图LineChart, 坐标轴偏移

时间:2014-02-07 18:50:20      阅读:521      评论:0      收藏:0      [点我收藏+]

bubuko.com,布布扣

 

代码如下:

bubuko.com,布布扣
 1 <mx:LineChart id="chart_day" width="100%" height="100%" color="0x333333"
 2                                       paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5" showDataTips="true" dataTipFunction="dayDataTipFunction">
 3                             <mx:backgroundElements>
 4                                 <mx:GridLines direction="both" horizontalTickAligned="true" verticalTickAligned="false" verticalChangeCount="7">
 5                                     <mx:horizontalStroke>
 6                                         <mx:Stroke color="0xbce1f2"/>
 7                                     </mx:horizontalStroke>
 8                                     <mx:verticalStroke>
 9                                         <mx:Stroke color="0xbce1f2"/>
10                                     </mx:verticalStroke>
11                                 </mx:GridLines>
12                             </mx:backgroundElements>
13                             
14                             <mx:horizontalAxis>
15                                 <mx:CategoryAxis id="dailyHAxis" categoryField="xf"/>
16                             </mx:horizontalAxis>
17                             <mx:horizontalAxisRenderers>
18                                 <mx:AxisRenderer axis="{dailyHAxis}" canDropLabels="true" canStagger="true" />
19                             </mx:horizontalAxisRenderers>
20                             <mx:verticalAxis>
21                                 <mx:LinearAxis id="dailyVAxis" baseAtZero="true" minimum="0" labelFunction="dayv_labelFunc"/>
22                             </mx:verticalAxis>
23                             <mx:series>
24                                 <mx:LineSeries xField="xf" yField="yf" form="segment" showDataEffect="{dataEff}"
25                                                lineStroke="{new Stroke(0x0062c0,2)}" itemRenderer="mx.charts.renderers.CrossItemRenderer">
26                                     <mx:stroke>
27                                         <mx:Stroke color="#009dd6" weight="8"/>
28                                     </mx:stroke>
29                                     <mx:fills>
30                                         <mx:SolidColor color="#009dd6" alpha="1"/>
31                                     </mx:fills>
32                                 </mx:LineSeries>
33                             </mx:series>
34                             
35                         </mx:LineChart>
bubuko.com,布布扣

 

解决方法:

在<LinearAxis>标签中加入属性mininum="0", 即解决问题.

<mx:LinearAxis id="dailyVAxis" baseAtZero="true" minimum="0" labelFunction="dayv_labelFunc"/>

bubuko.com,布布扣

Flex 折线图LineChart, 坐标轴偏移

原文:http://www.cnblogs.com/xpios/p/3539533.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!