ÔÚ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
{
Ïà¹ØÎĵµ£º
Í϶¯Ë®Æ½¹ö¶¯ÌõÀ´¸Ä±äͼƬ´óС¡£
<?xml version="1.0"?>
<!--
Simple example to demonstrate the HSlider control.
ˮƽÍ϶¯Ìõ¡£
MyShareBook.cn ·Òë   ......
<?xml version="1.0"?>
<!-- Simple example to demonstrate the ProgressBar control. -->
<!--
ÈçºÎʹÓÃFlex ProgressBar
MyShareBook.cn ·Òë
-->
<mx:Applic ......
ÕâÁ½Ìì¿´Á˹«Ë¾ÀÏ×ÜÑÝʾµÄÒ»¸öЧ¹û£¬ÈÈͼ·Ö²¼Çé¿ö£¬¸Ð¾õºÜÖ±¹Û¡£¹úÄÚµØͼÉϺÜÉÙÓÐÕâÖÖ±íÏÖ·½Ê½µÄ¡£
gÁËһϷ¢ÏÖÒÔÏ£º·¢ÏÖflexÏÂÓÐ IBM ILOG Elixir ¿ÉÒÔÓ㬲»¹ýÕâÒª»¨Ç®¡£
https://www.adobe.com/cn/products/flex/ibmilogelixir/
»¹ÓÐÒ»¸öHeat API£¬¿ÉÒÔÔÙgooglemapÉϵþ¼ÓÈÈͼ¡£
http://www.heatmapapi.com/ £¬ ......
ÔÚFlexÓ¦ÓÃÖг£³£ÐèÒªÒÔÒ»¶¨µÄ¸ñʽÀ´ÏÔʾʱ¼ä£¬ÒÔÏÂÊÇÒ»ÖÖ×ö·¨¡£
Ê×ÏÈ´´½¨Ò»¸öDateFormatter ¿Ø¼þ
<mx:DateFormatter id="df" formatString="YYYY-MM-DD JJ:NN:SS"/>
formatString="YYYY-MM-DD JJ:NN:SS"Ö¸¶¨ÁËʱ¼äµÄ¸ñʽΪ2009-6-20 19:02:27£¬ÕâÀï¿ÉÒÔÉèÖóÉ×Ô¼ºÐèÒªµÄ¸ñʽ¡£
È»ºóд¸öº¯Êý
......
£¨Ò»£©ÈëÃÅ
Flex¼¯³ÉÒ»¸öLog¿ò¼Ü£¬¿ÉÒÔÍê³ÉºÜ¶àÓÃtrace()×ödebugʱÍê³É²»Á˵ŦÄÜ
Êä³ölogʱ¿ÉÒÔʵÏֵַȼ¶£¨¹²5+1¼¶£©£¬ÓùýÂËÆ÷Ö¸¶¨Êä³öµÄÀ࣬ÒÔ¼°Êä³ö·½Ê½£¨Ä¬ÈÏΪtrace£©
ÐèÒªÓõ½µÄÀà
¸ÃÀàλÓÚmx.logging°üÖУ¬
¹²ÐèÒªÈý¸öÀàºÍÒ»¸ö½Ó¿Ú
mx.logging.Log – Ö÷À࣬Óм¸¸ö¾²Ì¬·½·¨£¬Ìí¼Ó/ÒƳýTraceTargetºÍ»ñÈ ......