How to use Flex to achieve Thematic Layers of Columnar.docxVIP

下载本文档

0
0
约6.36千字
约 4页
2016-08-24 发布于河南
举报
版权申诉

How to use Flex to achieve Thematic Layers of Columnar.docx

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

How to use Flex to achieve Thematic Layers of Columnar

How to use Flex to achieve Thematic Layers of Columnar（如何利用Flex实现柱状专题图层）最近在项目里面需要实现这样一个功能：将从数据库查询到的统计数据用柱状图的形式在地图中展现。其实也就是在地图中绘制柱状专题图或者是直方图专题图。在这里分享一下我的实现思路和代码，希望能给有需要的朋友一点帮助。其实实现很简单，首先我们知道，每个专题图中的每个柱状图其实都是依托在一个graphic下的，也就是必须要有一个graphic作为该柱状图的承载体，而这个柱状图则是作为该graphic的symbol，只要将这个symbol赋给graphic即可。具体实现思路如下：继承ColumnChart，生成一个我们需要的定制的ColumnChart。在这里我们可以设定ColumnChart的一些属性，比如ColumnChart的width、height、dataProvider,showDatatips等等，就是在这里我们完成了一个我们所需要实现的ColumnChart，跟平常的赋值给ColumnChart没什么太大的不同，但有一点需要注意，专题图中的柱状图是不能有横坐标和纵坐标的，所以也需要对此进行处理，利用ClassFactory来构造我们需要的柱状图实例，并用ClassFactory的properties属性来传入我们要定制的ColumnChart的数据，也就是上面说的width、height、dataProvider,showDatatips等等。然后将ClassFactory赋值给infoSymbol的infoRenderer属性最后将infoSymbol赋值给graphic的symbol属性，就大功告成了。以下是我实现的代码:A．在新建的as类ColumnChartFactory中，如下：package com.**********.statisticanalyst{import mx.charts.AxisRenderer;import mx.charts.CategoryAxis;import mx.charts.ColumnChart;import mx.charts.series.ColumnSeries;import mx.collections.ArrayCollection;publicclass ColumnChartFactory extends ColumnChart{/***************************************************** * @创建者：Chyq * @创建时间：2010-12-01 * @功能描述：设定的ColumnChart的width * @参数描述：w，设定的ColumnChart的width * ***************************************************/privatevar _width:int;publicfunctionset chartWidth(w:int):void{_width=w;}/***************************************************** * @创建者：Chyq * @创建时间：2010-12-01 * @功能描述：设定的ColumnChart的height * @参数描述：h，设定的ColumnChart的height * ***************************************************/privatevar _height:int;publicfunctionset chartHeight(h:int):void{_height=h;}/***************************************************** * @创建者：Chyq * @创建时间：2010-12-01 * @功能描述：设定的ColumnChart的dataProvider * @参数描述：dataPro，设定的ColumnChart的dataProvider * ***************************************************/privatevar _dataProvider:ArrayCollection;publicfunctionset chartDataProvider(dataPro:ArrayCollection):void{_dataProvider=dataPro;}/***************************************************** * @创建者：Chyq