FusionChart完全入门手册7

字体样式类型  

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

 

属性	简要描述	例子或有效值
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	文字字符一致分布的空间数量

  字体系列, 大小 & 颜色

字体的基本属性是字体系列、大小和颜色，使用上面的属性可以设置如,
<style name='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进制的代码无＃

  粗体, 斜体 & 下划线 修饰你的文本，你可以使用任何上述的参数
<style name='MyFirstFontStyle' type='font' font='Verdana' size='12' color='FF0000' bold='1' italic='1' underline='1' />

 

属性	格式	例子
Bold	bold='Logicalvalue'	bold='1' or bold='0'
Italic	italic='Logicalvalue'	italic='1' italic='0'
Underline	underline='Logicalvalue'	underline='1' or underline='0'

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

  背景颜色 和 边框颜色

如果你打算这只你的图表上的文本框边框的颜色或背景颜色，您可以使用上述两个参数来确定十六进制颜色代码（不带＃）如下
<style name='MyFirstFontStyle' type='font' font='Verdana' size='12' color='FF0000' bgColor='FFFFDD' borderColor='666666' />  

属性	格式	例如
bgColor	bgColor='value'	bgColor='FFFFDD'
borderColor	borderColor='value '	borderColor='666666'

这当应用到一个图表文本字段（如标题），将输出样式如下：  

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

  isHTML

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

 

例如, 如果你想 "< 5" 为一特定值,你应该用:
<set name='&lt; 5' value='7' />
(注意 &lt; 是 <的已编码格式, 这是在XML 数据文档中使用).

  而这其中包含图表元素将被定义为文本样式的类型:
<style name='LabelFont' type='font' font='Arial' size='10' isHTML='0' />

 

属性	格式	例如
isHTML	isHTML ='Logicalvalue'	isHTML ='1' or isHTML ='0'

    leftMargin and letterSpacing

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

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

 

属性	格式	例子
leftMargin	leftMargin='value in pixels'	leftMargin='10'
letterSpacing	letterSpacing='value in pixels'	letterSpacing='3'

 

上述样式应用到图表标题，输出如下：