flex 线图上加点！

最新推荐文章于 2024-06-30 11:44:57 发布

zjkilly

最新推荐文章于 2024-06-30 11:44:57 发布

阅读量168

点赞数

分类专栏： FLEX 文章标签： Flex

本文链接：https://blog.csdn.net/zjkilly/article/details/83884283

版权

FLEX 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

基本的方法是在线图上画点！

代码如下：

<mx:ColumnChart id="chart" fontSize="12" width="990%" height="100%" showDataTips="true" >
			<mx:horizontalAxis>
				<mx:CategoryAxis categoryField="history_mon"/>
			</mx:horizontalAxis>
			<mx:series>
				<mx:LineSeries yField="arpu" displayName="历史ARPU值" creationComplete="addRender(event)"></mx:LineSeries>
				<mx:LineSeries yField="mou" displayName="历史MOU值" creationComplete="addRenderM(event)"></mx:LineSeries>
		    </mx:series>
		</mx:ColumnChart>
		<mx:Legend dataProvider="{chart}" horizontalAlign="center"  direction="horizontal"/>

描点代码：

 private function addRender(event:Event):void
            {
                var factory:ClassFactory = new ClassFactory(LineSeriesItemRenderer);
                factory.properties = {color:0xE48701};
                (event.target as LineSeries).setStyle("itemRenderer", factory);
            }
            
            private function addRenderM(event:Event):void
            {
                var factory:ClassFactory = new ClassFactory(LineSeriesItemRenderer);
                factory.properties = {color:0x33FF66};
                (event.target as LineSeries).setStyle("itemRenderer", factory);
            }