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='<5'value='7'/>
(注意<是<的已编码格式,这是在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'
上述样式应用到图表标题,输出如下: