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
文字字符一致分布的空间数量

  字体系列, 大小 & 颜色
字体的基本属性是字体系列、大小和颜色，使用上面的属性可以设置如,
<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'

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