【flex布局】Flex4 LineChart实现线图，面积图样式的例子

更新时间：2020-03-11 来源：flex 手机版 字体：大中小

【www.bbyears.com--flex】

1，下面是一个线图（LineChart）的样式

（1）图形区域添加背景色，边框。（2）横，纵网格绘制在背景上。（3）折线去除阴影，添加空心圆点。

               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               creationComplete="init(event)">

                     import mx.collections.ArrayCollection;
            import mx.events.FlexEvent;

            [Bindable]
            private var myData:ArrayCollection = new ArrayCollection( [
                { month: "18:00", value: 20},
                { month: "19:00", value: 60},
                { month: "20:00", value: 215},
                { month: "21:00", value: 202},
                { month: "22:00", value: 190},
                { month: "23:00", value: 95}]);

            protected function init(event:FlexEvent):void
            {
                line1.setStyle("fill", 0xffffff); //原点内部填充色为白色
                line1.setStyle("radius", 5); //整个圆点的半径为6
            }

        ]]>











                       verticalCenter="0" horizontalCenter="0" fontSize="12" color="0x707070"
                  showDataTips="true" dataProvider="{myData}">


























                                          axisStroke="{axisS1}"/>





                                          axisStroke="{axisS1}"/>


                                        itemRenderer="mx.charts.renderers.CircleItemRenderer"
                           stroke="{pointS1}" lineStroke="{lineS1}"/>