在 Flex 应用程序中使用 AnyChart
AnyChart Flash Charting Component 是一个基于 Adobe Flash 的灵活解决方案,可用于创建外观精美的交互式 flash 图表和指示板(dashboard)。它是一个跨浏览器且跨平台的制图解决方案,可用于创建指示板、报表、分析图表、统计图表、财务图表以及任何其他可视化解决方案。
请访问以下链接查看有关 AnyChart 的更多信息:
AnyChart 概述
图表样例库
全面的用户指南
支持开发人员使用基于 Flash 的产品的技术众多,但每种技术都有其各自的问题。AnyChart 团队努力成为一个典范,努力让 AnyChart 的实现变得更加容易、更易于理解。本文解释了如何将 AnyChart Flash Chart、地图、计量器和指示板与 Adobe Flex 配合使用。
简介
如何向项目和工作区添加组件
第一个图表
处理数据
动态图表刷新
处理图表事件
工作区的多个图表
在指示板中使用向下钻取
使用地图
使用计量器
后记
简介
Flex 应用程序的应用范围非常广,但该平台最大的效力就是引入了 Business Analytics。通过使用 Flex,Business Analytics 能够为 BI 创建便捷的交互式指示板。指示板的一个关键部分是图表,图表的功能和易读性影响着整个指示板的适用性。AnyChart 严格遵守这些标准,该组件在功能和外观上都大大超越了默认的 Flex Charting Component。早期的 AnyChart 主要用于 HTML 页面,它与 Flex 组件的整合是一个很大的问题,但现在我们创建了一个满足条件的 Flex 组件,它可以很好地连接 Flex 应用程序中的 XML 工具。
您只需要一个 .SWC 组件库。该组件以 XML 格式获取图表的数据和设置。这样一来,您就可以使用所有的 AnyChart 功能。可以使用任何数据源创建自己的 XML。
使用 AnyChart XML 格式,可以从组件库中挑选一个喜欢的示例,它已经调试好,只需更改一下数据,就可以用于您的应用程序。在可视化效果和选项方面,AnyChart 非常灵活,它可以根据您的喜好微调每个元素,详情请参见用户指南。完整的 XML Nodes 和属性列表请参见 XML 参考资料。
许可:本教程使用 AnyChart Flex 组件试用版——如果想在 Flex 项目中使用AnyChartFlexComponent.swc,需要购买相应的 AnyChart 许可证。
如何向项目和工作区添加组件
首先,必须下载 SWC 组件(一个用于计量器,一个用于图表和地图)。请单击该链接下载: AnyChartFlexComponent.zip
注意:下面您将看到一些示例,您可以在线查看示例、查看源代码和下载每个示例。
然后,
相关文档:
(注:采用fb4 beta1开发,由于兼容问题,可以适当加以修改放到自己的环境中,测试的时候需要放到服务器上面,本人的测试url为
http://127.0.0.1/astest/asjs.html?msnum=13112345678)
mxml文件:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" creation ......
Adobe Flex开发与传统的Web开发有很多不同之处。正确的理解和利用这些不同之处,可以帮助我们创建更丰富的用户体验,也可以反过来增加网站的可用性以及浏览和更新速度。Flex还提供了大量的组件和技术库来让Web开发更加轻松——它提供的强大工具要远远超过传统Web 2.0中的异步JavaScript和XML(Ajax)应用。此外, ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script><!--[CDATA[import mx.collections.ArrayCollection;
public var a1:ArrayCollection = new ArrayCollection ([{ Region:"Region1",Territory:"Territory1",Ter ......
使用flex tree 和list实现如下选择用户的效果
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
showCloseButton="true" creationComplete ......
用过FLEX中String类型的朋友可能知道,replace这个方法并不过替换所有内容。那么我们需要替换所有内容怎么办?只有自己动手,丰衣足食咯,呵呵。言归正专,有两种方法,一种是利用Array的方式,另一种是利用正则去替换。
/**
* StringReplaceAll
* @param source:String 源数据
* @param find:String 替换对象 ......