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背景渐变率，多个数之和是100bgRatio="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>