字体样式类型
正如你已经知道，使用字体样式类型，您可以控制所有图表上的文本的视觉特性。下列属性是扩展的字体类型。与代码示例的详细解释如下:
|
属性 |
简要描述 |
例子或有效值 |
|
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") 应用了边框和背景色. |
此属性在你将HTML字符作为你文本的一部分的时候非常有用，如, "< 5" 或 "> 5" 等. 默认, FusionCharts 解析所有的文本为 HTML and "< 5" 会被视为未关闭的 HTML 标记而根本不会显示.
例如, 如果你想 "< 5" 为一特定值,你应该用:
<set name='< 5' value='7' />
(注意 < 是 <的已编码格式, 这是在XML 数据文档中使用).
<style name='LabelFont' type='font' font='Arial' size='10' isHTML='0' />
|
属性 |
格式 |
例如 |
|
isHTML |
isHTML ='Logicalvalue' |
isHTML ='1' or isHTML ='0' |
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' |
上述样式应用到图表标题，输出如下：
 |