ÔÚFlex Chaet ÖлæÖÆ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
{
super.updateDisplayList(unscaledWidth,unscaledHeight);
this.graphics.clear();
var points:Array = getPoints
Ïà¹ØÎĵµ£º
http://elromdesign.com/blog/2010/03/10/test-driven-development-tdd-with-flexunit-4-complete-tutorial/
±¾À´ÊÇ´òËãÍêÕûµÄ·ÒëÍê³ÉÕâÆª²©Îĵģ¬Ò»±ß·Ò룬һ±ß̸̸×Ô¼º¶ÔÇý¶¯²âÊÔ¿ª·¢µÄÀí½â¡£ µ±È»ÎÒµÄÀí½âºÍÔÎÄ×÷ÕßµÄÀí½â²»Ò»¶¨Ò»Ñù£¬µ«ÊÇÖÁÉÙ£¬ÎÒÃǶ¼³ÐÈÏ¿ª·¢µÃÊDzâÊÔÇý¶¯µÄ¡£ È»¶øCSDNµÄ²©¿ÍϵͳÊÇʵÔÚ²»ÄÜÀí½â¡¾Î ......
<?xml version="1.0"?>
<!-- Simple example to demonstrate the ColumnChart and BarChart controls. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
creationComplete="initApp()"
backgroundColor="#FFFFFF" width="350" height="125"
layout="absolute">
<!- ......
ÔÚ±¾ÏµÁÐÇ°Ãæ¼¸ÆªÎÄÕÂÖзֱð½éÉÜÁËͨ¹ýWebService¡¢HTTPService¡¢URLLoaderÒÔ¼°FielReferenceµÈ×é¼þ
»òÀàÀ´Íê³ÉFlexÓë.NET·þÎñ¶ËµÄͨÐŵÄÏà¹ØÖªÊ¶µã¡£Í¨¹ýÕâЩ·½Ê½À´Íê³ÉÓë·þÎñ¶ËµÄͨÐÅÊǷdz£·½±ãºÍ¼òµ¥µÄ£¬µ«ÓÐËûµÄȱµã¾ÍÊÇͨÐÅÊý¾ÝÁ¿½ÏС£¬ÈçÒª´«
Êä´óÁ¿µÄÊý¾Ý»òÊÇʵÏÖ²»Í¬¶ÔÏóµÄÐòÁл¯´«Ê䣬ËüÃÇÔòÂú×ã²»ÁËÎÒÃǵ ......
¹ÙÍøÐÅÏ¢£º(API:http://flexlib.googlecode.com/svn/trunk/docs/index.html)
HowToContribute
How you can contribute code to FlexLib
IntroductionLicenseBefore you submit codeFlexBuilderProject page to learn how to check out the project into Flex Builder. Read HowToBuild to learn how to compile ......
ÏÖÔÚ¸»webÓ¦ÓÃÒѾÊǸö´óÇ÷ÊÆ£¬Ô½À´Ô½¶àµÄ´«Í³¿Í»§¶ËÓ¦Óö¼Ïà¼Ì±»webÓ¦ÓÃËùÌæ´ú¡£µ«ÊǼøÓÚwebÓ¦ÓõÄÈõ½»»¥ÐÔ£¬ºÜ¶àÒµÎñ¸ºÔð¡¢ÈË»ú½»»¥Ç¿µÄÓ¦Óô¿js»¹ÊDz»ÄܺܺÃʤÈΣ¬Õâ¿ÖÊÇĿǰ»¹Óкܶà»îÔ¾csÓ¦ÓôæÔÚµÄÒ»¸öÖ÷ÒªÔÒò¡£Ç°²»¾Ã£¬¹«Ë¾Ò²ÔÚ×ö¼èÄѵÄÑ¡ÔñwebÓ¦ÓÃǰ̨¿ª·¢¿ò¼ÜÑ¡ÐÍÎÊÌ⣬×îº ......