FusionCharts完全入门手册11

 

斜面样式类型

如果你想为图表的任何对象应用斜面效果，你需要使用下列的斜面样式类型属性列表:

属性	描述
Angle	斜面的角度。有效值从0到360，默认值是45
Distance	斜面的距离. 有效值是像素(浮点). 默认值是4.
shadowColor	斜面阴影颜色。有效值格式是 RRGGBB (无#).默认值是000000
shadowAlpha	阴影颜色的透明度. 这个值是格式化的从0到100。例如, 25 指的是25%的透明度. 默认值是50.
highlightColor	斜面的高光颜色. 有效值是十六进制格式 RRGGBB (无#). 默认值是FFFFFF
highlightAlpha	高光颜色的透明度. 此值是格式化的从0到100，例如25 指的是25%的透明度. 默认值是50.
blurX	水平模糊像素数有效值从0到 255 (浮点). 默认值是 4. 权值2 (如 2, 4, 8, 16, 和32) 比其他值渲染快
blurY	垂直模糊像素数有效值从0到 255 (浮点). 默认值是 4. 权值2 (如 2, 4, 8, 16, 和32) 比其他值渲染快
Strength	压印或扩散的强度。该值越高，斜面和背景之间的颜色印记和强度差距越大。有效值范围是0到255，默认值是1.
Quality	过滤器呈现时间值。默认值是1，这等同于低质量。值为2为中等质量，值为3是高质量。较低的值呈现过滤较快。

为图表对象设置斜面，你需要定义斜面样式类型并应用如下:

<style name='MyFirstBevel' type='Bevel' />

…
<apply toObject='DataPlot' styles='MyFirstBevel' />

呈现如下:

设置角度和距离

你可以设置角度和距离如下r:
<style name='MyFirstBevel' type='Bevel' distance='7' angle='200'/>

 

属性	格式	例子
Distance	distance='值 (像素)'	distance='7'
Angle	angle='值 (从0到360)'	angle='200'

看起来如下:

设置阴影颜色

改变阴影颜色和透明度，你可以使用下面的参数:
<style name='MyFirstBevel' type='Bevel' shadowColor='000000' shadowAlpha='80' distance='5' angle='45'>

 

属性	格式	例子
shadowColor	shadowColor='十六进制值(无#)'	shadowColor='000000'
shadowAlpha	shadowAlpha='value (between 0 to 100)'	shadowAlpha='80'

它会改变阴影颜色如下：

控制模糊量

您还可以更改模糊数量，以获取更顺畅斜角。

<style name='MyFirstBevel' type='Bevel'  blurX='12' blurY='12'/>

 

属性	格式	例子
blurX	blurX='值'	blurX='12'
Blurry	blurY='值'	blurY='12'

以上的会有如下输出：

原有的默认模糊	blurX和blurY设置为12

增加斜面强度

为了增加斜面强度，使用斜面属性如下:
<style name='MyFirstBevel' type='Bevel' strength='3'/>

 

属性	格式	例子
Strength	strength='值'	strength='3'

你可以使用大量的上述属性来实现你想实现的样式