fusioncharts for flex3 对于charts 的一些样式:背景透明,背景插入图片等等

1.改变chart背景颜色

属性	描述	示例
bgColor	背景颜色。十六进制颜色不用#	bgColor="99CCFF,FFFFFF"  or bgColor="FF5904,FFFDDD,FFFFFF"
bgAlpha	背景透明度，多个值用逗号分隔	bgAlpha="40,100" or bgAlpha="100,60,100"
bgRatio	背景渐变率，多个数之和是100	bgRatio="40,60"
bgAngle	背景图的偏转角度 (0-360).	bgAngle="180"

<chart ...  bgAlpha='0' bgRatio='5,95' bgColor='A8D7AB,FFFFFF'  ...>

2.改变chart边框

属性	描述	示例
showBorder	是否显示边框。默认下2D是1,3D是0.	showBorder="1"
borderColor	边框颜色	borderColor="1D8BD1"
borderThickness	边框宽度(单位:像素)	borderThickness="2"
borderAlpha	边框透明度	borderAlpha="60"

<chart ... borderColor='E74759' borderThickness='3' borderAlpha='50' ..>

3.背景设置为图片或者flash短片

属性	描述	示例
bgSWF	特指出图片或者短片的URL路径(全路径)	bgSWF="FruitsPic.jpg"
bgSWFAlpha	背景图片或者短片的透明度	bgSWFAlpha="40"

4.阴影，炫彩，斜角等特效

<chart caption='Quarterly Sales Summary' subcaption='Figures in
xAxisName='Quarter' yAxisName='Sales'>
<set label='Quarter 1' value='420500' />
<set label='Quarter 2' value='295400' />
<set label='Quarter 3' value='523400' />
<set label='Quarter 4' value='465400' />
<styles>
<definition>
<style name='myBevel' type='Bevel'/>
</definition>
<application>
<apply toObject='Background' styles='myBevel' />
</application>
</styles>
</chart>

 

5.渐变开头效果

<chart caption='Quarterly Sales Summary' subcaption='Figures in
xAxisName='Quarter' yAxisName='Sales'>
<set label='Quarter 1' value='420500' />
<set label='Quarter 2' value='295400' />
<set label='Quarter 3' value='523400' />
<set label='Quarter 4' value='465400' />
<styles>
<definition>
<style name='myBgAnim' type='Animation'
param='_alpha' start='0' duration='1'/>
</definition>
<application>
<apply toObject='Background' styles='myBgAnim' />
</application>
</styles>
</chart>