Flex 折线图LineChart, 坐标轴偏移

问题如图:

代码如下:

<mx:LineChart id="chart_day" width="100%" height="100%" color="0x333333"
                                      paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5" showDataTips="true" dataTipFunction="dayDataTipFunction">
                            <mx:backgroundElements>
                                <mx:GridLines direction="both" horizontalTickAligned="true" verticalTickAligned="false" verticalChangeCount="7">
                                    <mx:horizontalStroke>
                                        <mx:Stroke color="0xbce1f2"/>
                                    </mx:horizontalStroke>
                                    <mx:verticalStroke>
                                        <mx:Stroke color="0xbce1f2"/>
                                    </mx:verticalStroke>
                                </mx:GridLines>
                            </mx:backgroundElements>
                            
                            <mx:horizontalAxis>
                                <mx:CategoryAxis id="dailyHAxis" categoryField="xf"/>
                            </mx:horizontalAxis>
                            <mx:horizontalAxisRenderers>
                                <mx:AxisRenderer axis="{dailyHAxis}" canDropLabels="true" canStagger="true" />
                            </mx:horizontalAxisRenderers>
                            <mx:verticalAxis>
                                <mx:LinearAxis id="dailyVAxis" baseAtZero="true" minimum="0" labelFunction="dayv_labelFunc"/>
                            </mx:verticalAxis>
                            <mx:series>
                                <mx:LineSeries xField="xf" yField="yf" form="segment" showDataEffect="{dataEff}"
                                               lineStroke="{new Stroke(0x0062c0,2)}" itemRenderer="mx.charts.renderers.CrossItemRenderer">
                                    <mx:stroke>
                                        <mx:Stroke color="#009dd6" weight="8"/>
                                    </mx:stroke>
                                    <mx:fills>
                                        <mx:SolidColor color="#009dd6" alpha="1"/>
                                    </mx:fills>
                                </mx:LineSeries>
                            </mx:series>
                            
                        </mx:LineChart>

解决方法:

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

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











  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值