FusionCharts 允许你为chart配置标题、子标题、x轴标题和y轴标题,可以为它们指定字体、样式和动画效果等。那么Chart的主标题、子标题、X轴标题和Y轴标题的参数应该怎样设置呢?

Chart主标题

Chart的caption属性设置主标题。代码如下:

<chart caption='Monthly Summary' ...>

styles:定义和应用样式的元素

definition:定义样式的元素

application:应用样式的元素

toObject:应用到那个chart属性

styles的值应用definition中定义的样式名

 

Chart子标题

同样,可以使用subCaption为chart设置副标题:代码如下:

<chart ... subCaption='Figures in USD' ...>
 

X轴标题

可按如下代码来配置chart的x轴名称:

<chart ... xAxisName='Month' ...>
 
Y轴标题

可按如下代码来配置chart的y轴名称:

<chart ... yAxisName='Revenue' ..>
 

如果希望为整个画布(chart区域)设置同一种字体,你可以使用outCnvBaseFont 属性组。这些属性将应用到“标题”、“副标题”、“x轴名称”、“y轴名称”、“数据标签”等。

outCnvBaseFont 属性组包含如下内容:

属性名 描述 示例
outCnvbaseFont 字体样式 outCnvBaseFont='Verdana'
outCnvbaseFontSize   字体大小 outCnvbaseFontSize='10'
outCnvbaseFontColor 字体颜色,如: 000000 或 009933 outCnvbaseFontColor='009933'

关于参数设置的示例代码请参考:

FusionCharts图表的标题配置

posted on 2013-01-24 13:41  ywsoft  阅读(493)  评论(0)    收藏  举报