16.2.為圖表添加效果

2024-04-27 13:52:21

字體：大中小

供稿：網(wǎng)友

16.2.1. 問題
我想要為圖表添加一些效果。
16.2.2. 解決辦法
想為圖表的坐標(biāo)軸或數(shù)列添加效果，要使用坐標(biāo)軸定義的<mx:rollOverEffect> 或者<mx:rollOutEffect>標(biāo)簽。
16.2.3.討論
來自mx.effects 包的任何效果都能在圖表上的數(shù)列或坐標(biāo)軸添加的效果。一個簡單的翻轉(zhuǎn)效果就可以使圖表的顯示效果和使用效果大大提高。以下是一個簡單的效果，當(dāng)鼠標(biāo)離開圖表，圖表就會變得透明，當(dāng)鼠標(biāo)放在圖表上，圖表就變得不透明。

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="horizontal" backgroundColor="0xFFFFFF">
<mx:Script>
<![CDATA[
[Bindable] public var chartDP:Array = [
{day:'Monday',rainfall:10,elevation:100,temperature:78},
{day:'Tuesday',rainfall:7,elevation:220,temperature:66},
{day:'Wednesday',rainfall:5,elevation:540,temperature:55},
{day:'Thursday',rainfall:8,elevation:60,temperature:84},
{day:'Friday',rainfall:11,elevation:390,temperature:52},
{day:'Saturday',rainfall:12,elevation:790,temperature:45},
{day:'Sunday',rainfall:14,elevation:1220,temperature:24}
];
]]>
</mx:Script
>
<mx:horizontalAxis>
<mx:CategoryAxis
dataProvider="{chartDP}"
categoryField="day" />
</mx:horizontalAxis>
<mx:series>
<mx:AreaSeries alpha=".5" yField="rainfall" displayName=""rainfall">