您的位置首页百科知识

如何利用Flash Builder中的Flex代码实现面积图

如何利用Flash Builder中的Flex代码实现面积图

的有关信息介绍如下:

如何利用Flash Builder中的Flex代码实现面积图

面积图是有横轴和纵轴封闭起来的图形面积,按照横轴分布名称和纵轴展示的数据一起的部分。Flex中有自带的AreaChart组件,可以利用这个组件制作面积图,下面利用一个具体的实例说明制作过程,如下图所示:

第一步,创建Flex项目Charts,鼠标右键新建MXML应用程序AreaCharts.mxml,如下图所示:

第二步,在应用程序添加面积图代码,设置面积图宽度、高度、数据源和ID,如下图所示:

第三步,接着添加面积图图例Legend,并绑定面积图,如下图所示:

第四步,面积图展示需要数据,编写面积图数据源areaArray,如下图所示:

第五步,将数据源中的字段绑定到面积图上,并设置横轴显示的label标签,如下图所示:

第六步,预览该Flex应用程序,在浏览器里预览该页面,查看效果,如下图所示:

第七步,修改面积图图例绑定情况,再次查看页面效果,如下图所示: