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%"
Ïà¹ØÎĵµ£º
¸ÕѧÍêJSP£¬ÏëΪFlexÅäÖÃTomcat·þÎñÆ÷£¬²¢²»ÏñMyEclipseÄÇô¼òµ¥¡£¿´Á˺ܶà½Ì³Ì»¹ÊǾõµÃͦÂé·³µÄ¡£½áºÏ¼¸¸ö½Ì³Ì£¬³É¹¦ÔÚhttp://127.0.0.1:8080/flexserver1/ ÖÐÏÔʾ³ö½á¹û¡£ËùÒÔ°Ñ×Ô¼ºµÄ¹ý³ÌÐðÊöһϣº
ǰÌ᣺ ÒѰ²×°Flexbuilder3£¬tomca6.0
  ......
package
{
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.events.Event;
import flashx.textLayout.formats.BackgroundColor;
import spark.effects.interpolation.RGBInterpolator;
public class Map extends Sprite implements IMap
{
//¸ñ×ӵĿí¸ß
private va ......
ÔÌû£ºhttp://hi.baidu.com/flex2/blog/item/3501c1622af2b1dde6113aef.html
ÏÖÔÚ²»ÉÙÈË¿ªÊ¼¹Ø×¢²¢Ñ§Ï°FlexÁË£¨ÖÁÉÙ±ÈÒÔǰ¶àÁË£©£¬µ«ÊÇÏÖÔÚ¹ØÓÚFlexµÄ×ÊÁϲ¢²»¶à£¬¹úÄÚµÄ×ÊÁϾ͸üÉÙÁË£¬¶øÇÒFlexµÄÂÛ̳ÈËÆø¶¼²îµÄºÜ£¬Ò»ÑÛÍûȥȫ¶¼ÊÇÌáÎÊÌû×Ó£¬»ØÌû³¬¹ý5¸öµÄÁÈÁÈÎÞ¼¸£¬²Ò²»È̶ð¡¡£ÎÒ·ÒëһЩ¶«Î÷Ò²ÊÇΪÁËÔö¼ÓÖÐÎÄѧϰ×ÊÁÏ£¬ ......
adobeµÄas3libÀïÃæÓиöJSON¿â£¬µ«ÊDz»ºÃÓ㬸ñʽ¶¨ÒåÒªÇó·Ç³£Ñϸñ£¬¾³£»áÓÐЩĪÃûÆäÃîµÄ´íÎó£¬Èç¹û²»ÊǷdz£±ØÒª·ñ´«ÊäÊý¾Ý»¹ÊÇʹÓÃXML±È½Ï¿É¿¿Ò»µã£¬ÄܼõÉÙһЩ²»±ØÒªµÄµ÷ÊÔʱ¼ä¡£
1¡¢Îı¾¶¨Òåkey¡¢valueÖµ¶¼Òª¼ÓË«ÒýºÅ£¬keyÖµ±ØÐë¼Ó£¬value½¨Òé¼ÓÉÏ£»
2¡¢ÎðʹÓõ¥ÒýºÅ´úÌæË«ÒýºÅ£»
3¡¢ÖÐÎıàÂë±ØÐëÑϸñ²âÊÔ£¬¼´Ê¹Í¬Ê ......
Ò»£ºÖ±½ÓÉèÖÃ
¶þ£º»ÃæÉÏÉèÖãº
È磺
<mx:Style>
TextArea{
font-size:36px
font-weight: bold
}
</mx:Style>
Èý£ºÊ¹ÓÃÍâÖÃÎļþ
<mx:Style source="style.csss"/> ......