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' |
关于参数设置的示例代码请参考: