16.2.为图表添加效果

2024-04-27 13:52:21

字体：大中小

来源：转载

供稿：网友

16.2.1. 问题
我想要为图表添加一些效果。
16.2.2. 解决办法
想为图表的坐标轴或数列添加效果，要使用坐标轴定义的<mx:rollOverEffect> 或者<mx:rollOutEffect>标签。
16.2.3.讨论
来自mx.effects 包的任何效果都能在图表上的数列或坐标轴添加的效果。一个简单的翻转效果就可以使图表的显示效果和使用效果大大提高。以下是一个简单的效果，当鼠标离开图表，图表就会变得透明，当鼠标放在图表上，图表就变得不透明。

-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">