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>