现在的位置: 首页 > 综合 > 正文

FusionCharts完全入门手册11

2012年09月23日 ⁄ 综合 ⁄ 共 1417字 ⁄ 字号 评论关闭
 

斜面样式类型

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

属性

描述

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'

 

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

抱歉!评论已关闭.