FusionCharts样式

正如你已经知道,使用字体样式类型,您可以控制所有图表上的文本的视觉特性。下列属性是扩展的字体类型。与代码示例的详细解释如下:

属性

简要描述

例子或有效值

font

设置文本字体系列

Verdana,Arial..

size

指定字体大小

10,12..

Color

设置字体颜色,为十六进制代码不包含#

FF0000,FFFFDD

Bold

字体是否为粗体标记

1是粗图,0不是

Italic

是否为斜体

1是,0否

Underline

是否为下划线

1是,0否

bgColor

文本字字背景色,为十六进制代码无#

FF0000,FFFFDD

borderColor

如果你需要为本文设置边框颜色,你需要属性此属性

isHTML

帮助你设置文本是否应该为HTML或纯文本渲染

leftMargin

文字左边缘单位points

letterSpacing

文字字符一致分布的空间数量

字体系列,大小&颜色

字体的基本属性是字体系列、大小和颜色,使用上面的属性可以设置如,

<stylename='MyFirstFontStyle'type='font'font='Verdana'size='12'color='FF0000'/>

属性

格式

例子

Font

font='fontfamily'

font='Verdana'

Size

size='fontsize'

size='12'

Color

color='HexCode(without#)'

color='FF0000'

在这里,字体指对最终用户的系统的字体系列(否则默认的系统字体现在将被用来绘制文本)。颜色应该是16进制的代码无#

粗体,斜体&下划线修饰你的文本,你可以使用任何上述的参数

<stylename='MyFirstFontStyle'type='font'font='Verdana'size='12'color='FF0000'bold='1'italic='1'underline='1'/>

属性

格式

例子

Bold

bold='Logicalvalue'

bold='1'orbold='0'

Italic

italic='Logicalvalue'

italic='1'italic='0'

Underline

underline='Logicalvalue'

underline='1'orunderline='0'

上面的代码将确保您的字体显示为粗体,斜体和下划线。

背景颜色和边框颜色

如果你打算这只你的图表上的文本框边框的颜色或背景颜色,您可以使用上述两个参数来确定十六进制颜色代码(不带#)如下

<stylename='MyFirstFontStyle'type='font'font='Verdana'size='12'color='FF0000'bgColor='FFFFDD'borderColor='666666'/>

属性

格式

例如

bgColor

bgColor='value'

bgColor='FFFFDD'

borderColor

borderColor='value'

borderColor='666666'

这当应用到一个图表文本字段(如标题),将输出样式如下:

图表标题("ProductsPerCategory")应用了边框和背景色.

isHTML

此属性在你将HTML字符作为你文本的一部分的时候非常有用,如,"<5"或">5"等.默认,FusionCharts解析所有的文本为HTMLand"<5"会被视为未关闭的HTML标记而根本不会显示.

例如,如果你想"<5"为一特定值,你应该用:

<setname='&lt;5'value='7'/>

(注意&lt;是<的已编码格式,这是在XML数据文档中使用).

而这其中包含图表元素将被定义为文本样式的类型:

<stylename='LabelFont'type='font'font='Arial'size='10'isHTML='0'/>

属性

格式

例如

isHTML

isHTML='Logicalvalue'

isHTML='1'orisHTML='0'

leftMarginandletterSpacing

leftMargin让您设置文本左边距,letterSpacing允许您控制字符之间的均匀分布的空间-值指定的每个字符后添加到空间的像素数。负值也是允许。

如,

<stylename='MyFirstFontStyle'type='font'font='Verdana'size='12'color='FF0000'bgColor='FFFFDD'borderColor='666666'leftMargin='10'letterSpacing='3'/>

属性

格式

例子

leftMargin

leftMargin='valueinpixels'

leftMargin='10'

letterSpacing

letterSpacing='valueinpixels'

letterSpacing='3'

上述样式应用到图表标题,输出如下:

相关推荐