Flex之图表组件（1） ------ 面积图表

昆山人在上海

于 2009-03-02 15:29:00 发布

阅读量791

点赞数

CC 4.0 BY-SA版权

分类专栏： RIA技术文章标签： flex application encoding import

本文链接：https://blog.youkuaiyun.com/kunshan_shenbin/article/details/3949819

RIA技术专栏收录该内容

80 篇文章

订阅专栏

本文展示了一个使用Flex创建的基本面积图示例。该图表通过Month字段进行分类，并展示了Profit和Expenses两个系列的数据变化趋势。代码中定义了数据集并通过AreaChart组件进行了可视化展现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：

<?xml version="1.0" encoding="utf-8"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script>  </mx:Script> <mx:Panel title="面积图表示例"> <mx:AreaChart id="myChart" dataProvider="{expenses}" showDataTips="true"> <mx:horizontalAxis> <mx:CategoryAxis dataProvider="{expenses}" categoryField="Month" /> </mx:horizontalAxis> <mx:series> <mx:AreaSeries yField="Profit" displayName="Profit" /> <mx:AreaSeries yField="Expenses" displayName="Expenses" /> </mx:series> </mx:AreaChart> <mx:Legend dataProvider="{myChart}"/> </mx:Panel> </mx:Application>

图表如下图所示：