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.阴影，炫彩，斜角等特效
<chartcaption='Quarterly Sales Summary'subcaption='Figures in
xAxisName='Quarter' yAxisName='Sales'>
<setlabel='Quarter 1'value='420500'/>
<setlabel='Quarter 2'value='295400'/>
<setlabel='Quarter 3'value='523400'/>
<setlabel='Quarter 4'value='465400'/>
<styles>
<definition>
<stylename='myBevel'type='Bevel'/>
</definition>
<application>
<applytoObject='Background'styles='myBevel'/>
</application>
</styles>
</chart>
5.渐变开头效果
<chartcaption='Quarterly Sales Summary'subcaption='Figures in
xAxisName='Quarter' yAxisName='Sales'>
<setlabel='Quarter 1'value='420500'/>
<setlabel='Quarter 2'value='295400'/>
<setlabel='Quarter 3'value='523400'/>
<setlabel='Quarter 4'value='465400'/>
<styles>
<definition>
<stylename='myBgAnim'type='Animation'
param='_alpha'start='0'duration='1'/>
</definition>
<application>
<applytoObject='Background'styles='myBgAnim'/>
</application>
</styles>
</chart>