Flex Chart ¼¼ÇÉ ÒÆ³ý¸¡Ë®Ó¡
Flex Chart ËäÈ»ÓÐÌṩÍêÕûµÄÊÔÓù¦ÄÜ
²»¹ý±àÒëÍê³ÉµÄͼ±í»á¼ÓÉÏˮӡ
“Flex Data Visualization Trial”µÄ×ÖÑù¡£
¼ÈÈ»ÊÇ AS£¬ÄÇÊÂÇé¾Í¼òµ¥ÁË
Ö»ÒªÔÚ Flex Project 內×ÔÐмÓÉÏÒÔÏ Class£º
package
mx.charts.chartClasses {
public class ChartsLicenseHandler {
}
}
È»ºóÔÚ MXML 內Ã÷È·ÒýÓøà Class£¬»òÊÇÓà Metadata Tag Ç¿ÆÈ±àÒë
ÕâÑù¾Í¿ÉÒÔÈ¥³ý¸¡Ë®Ó¡ÁË~!
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml
">
<mx:Script>
<![CDATA[
[Frame(extraClass="mx.charts.chartClasses.ChartsLicenseHandler")]
import mx.collections.ArrayCollection;
[Bindable]
private var expensesAC:ArrayCollection = new ArrayCollection( [
{
Month: "Jan", Profit: -200, Expenses: 1500, Amount: 500 },
{
Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
{ Month:
"Mar", Profit: 1500, Expenses: -500, Amount: 300 } ]);
]]>
</mx:Script>
<mx:SolidColor id="sc1" color="blue" alpha=".3" />
<mx:SolidColor
id="sc2" color="red" alpha=".3" />
<mx:SolidColor id="sc3"
color="green" alpha=".3" />
<mx:Stroke id="s1"
color="blue" weight="1"/>
<mx:Stroke id="s2" color="red"
weight="1"/>
<mx:Stroke id="s3" color="green" weight="1"/>
<mx:Panel title="PlotChart Control Example" height="100%"
width="100%">
<mx:PlotChart id="plot" height="100%"
width="100%"
Ïà¹ØÎĵµ£º
ÈÕǰ×öÏîÄ¿£¬ÐèÒª°ÑÒ³ÃæµÄJS´úÂë³é³öÀ´·Åµ½Ò»¸ö.jsÎļþÖУ¬ÓÉÓÚflex³ÌÐòÊÇÒÔdiv+SWFObjectµÄ·½Ê½Ç¶Èëµ½Ò³ÃæµÄ£¬ÎªÁ˴ﵽĿ±êÍøÕ¾Ö»ÐèÒªÒýÓÃÒ»¸ö.jsÎļþ¼´ÊµÏÖÒýÓÃÏîÄ¿¹¤³ÌµÄÄ¿µÄ£¬ËùÒÔÒ²Òª°ÑSWFObjectµÄ´úÂë·Åµ½.jsÎļþÖС£
˼·ÊÇÓÃdocument.write()°ÑÒýÓÃswfÎļþµÄ´úÂëд½øÒ³Ã棬Ȼºó°ÑflexÒªµ÷ÓõÄjsº¯Êý¶¼·Åµ½.j ......
###################
#
FlexÓëWebÉè¼Æ
###################
´ó¶àÊýÆóÒµ¼¶µÄWebÉè¼Æ¶¼ÐèÓÐ3²ã½á¹¹£º
*
±íÏÖ²ã(Presentation
Tier)£ºÕâÒ»²ã¹¹½¨µÄÊÇÓû§¿´µ½µÄÄÚÈÝ¡£ÓÐʱºò£¬ÈËÃÇÒ²°ÑÕâÒ»²ã½Ð×öͼÐÎÓû§½çÃæ(graphical
user interface,GUI)¡£
*
ÒµÎñÂß¼²ã(Business
Logic
......
Ò»¡¢¹úÍâÕ¾µã
1.×ÊÔ´ÍøÕ¾
Adobe Labs
£ºÕâ¸ö²»ÓÃÎÒ˵Á˰ɡ£
Flex.org
£º¹Ù·½µÄFlexÍøÕ¾£¬»ù±¾ÉÏÓ¦Óо¡ÓС£
Flex Developer Center
£ºAdobe Flex¿ª·¢ ÕßÖÐÐÄ£¬¾³£»áÓÐһЩºÃµÄ½Ì³Ì³öÏÖ¡£
FlexBox
£ºÒ»¸öÊÕ¼¯ÁËÍøÉϺܶ࿪Դ ×é¼þµÄÕ¾µã£¬Êǽø½×ѧϰµÄºÃ°ïÊÖ¡£
FlexLib
£ºGoogle Code ÉÏÃæÒ»¸ö¿ªÔ´Flex×é ......
flexµÄʼþ·Ö·¢ÊǸöºÃ¶«Î÷£¬µ«ÊÇʵ¼Ê±à³ÌµÄʱºòÌ«¶à¶òÓà´úÂ룬¶øÇÒʼþÖ®¼ä´©À´²åÈ¥£¬²»·ûºÏÒ»°ã³ÌÐòÔ±µÄÊéдϰ¹ß£¬Í¬ÑùµÄExtjsÒ²ÊÇ»ùÓÚÒì²½´¦Àí²¢ÇÒËüµÄ´úÂ뼸ºõijÖ̶ֳÈÉÏ¿ÉÒÔÀí½âÊÇflexµÄjs°æ±¾£¬µ«¾ÍûÄÇô¶àÈËÂñÔ¹ËüµÄÒì²½´¦ÀíºÜÂé·³¡£
½â¾ö°ì·¨£º
1¡¢ÆÚ´ýij¸öflash builderµÄ²å¼þ¼°¿ò¼Ü£¬¿É·â±Õ¹ÜÀíʼþ£¬²¢ÇÒʼþÁ ......
1. releaseʱȥµôËùÓÐtraceÐÅÏ¢ºÍloggerÐÅÏ¢£¬·ñÔòÓ°ÏìÐÔÄÜ
2. Èç¹û±¨ÎÞ·¨·ÃÎʱ¾µØÎļþ»òswf ÔÚcompileÀïÃæÐ´ -use-network=false
3. ʵÏÖcomponentÕæÕýÒþ²Ø³ýÁËÉèÖÃvisible=falseÍ⻹ÐèÒªÉèincludeInLayout = false
4. ÉèÊÖÐÍÓÐʱ³öÀ´ÉèbuttonMode="true" useHandCursor="true" »¹ÒªÉèmouseChildren="false"
5. fo ......