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'

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