在Flex Chart 中绘制3D图表
前一阵在论坛上看到一个兄弟，想在Flex Chart中为图例设置3D效果,近几天查找了些资料，动手做了个DEMO供大家参考!
DEMO演示地址http://xingjunli.webs.com/flash/flexChartDemo.swf,先来个图片看看最终效果:
相关知识点
1、图表使用的我就不多做介绍了，网上也很多官方也有不错的教程(参考:Skinning ChartItem objects );
2、要自定义图表Series,我们要做的就是重写ProgrammaticSkin基类并实现IDataRenderer接口方法中的updateDisplayList方法,在Series中应用我们自定义的外观类“drawhelper.histogramSkin”就好了如:
<mx:ColumnSeries showDataEffect="slideIn" hideDataEffect="slideOut" xField="label" yField="value" itemRenderer="drawhelper.histogramSkin" />
3、我们这里使用Graphic在2D场景中绘制（3D）立方体的方式绘制Series，先理解应用3D坐标(在Series中绘制是从下向上绘制的所你看到的绘制过程中坐标系刚好是倒转过来的)如图:
实现过程及代码:
1、自定义立方图外观类：
package drawhelper
{
import flash.geom.Point;
import mx.charts.series.items.ColumnSeriesItem;
import mx.core.IDataRenderer;
import mx.skins.ProgrammaticSkin;
public class solidSkin extends ProgrammaticSkin implements IDataRenderer
{
private var colors:Array = [0x60cb00,0x6a7a88,0x3698ff,0x66a800,0xff6600,0x655fc8,0xd2691e];
private var _chartItem:ColumnSeriesItem;
public function solidSkin()
{
super();
}
public function get data():Object
{
return Object(_chartItem);
}
public function set data(value:Object):void
{
_chartItem = value as ColumnSeriesItem;
invalidateDisplayList();
}
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
{
相关文档：
Spring IoC的主要思想是使用容器来实例化组件（并给组件注入所依赖的）。但是一般情况下，由Flex客户端所远程访问的组件是在服务器中由Blazeds来实例化的。因此配置BlazeDS来让Spring容器负责实例化Spring beans。BlazeDS支持工厂的概念来使得这种自定义组件可以实例化。工厂的作用仅仅是向BlazeDS提供� ......
拖动水平滚动条来改变图片大小。
<?xml version="1.0"?>
<!--
Simple example to demonstrate the HSlider control.
水平拖动条。
MyShareBook.cn 翻译 ......
http://www.mvelopes.com/mvelopes/online_budget.php flex
做的分析软件
http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/
这玩意，Flex2的扭曲变形效果，呵呵，有可能你用得到flex中
http://webmessenger.yahoo.com/
yahoo的webmessenger
http://www.picnik.com/app
这个也不错
http: ......
这两天看了公司老总演示的一个效果，热图分布情况，感觉很直观。国内地图上很少有这种表现方式的。
g了一下发现以下：发现flex下有 IBM ILOG Elixir 可以用，不过这要花钱。
https://www.adobe.com/cn/products/flex/ibmilogelixir/
还有一个Heat API，可以再googlemap上叠加热图。
http://www.heatmapapi.com/ ， ......
