FusionChart使用4

19、自定义菜单属性

showAboutMenuItem	是否显示自定义菜单	默认显示
aboutMenuItemLabel	设置自定义菜单的名称	aboutMenuItemLabel ='About My Company'
aboutMenuItemLink	设置自定义菜单的链接	aboutMenuItemLink='n-http://www.youshang.com

20、趋势线：

<trendLines>

        <line startValue='430000' endValue='450000' color='009933' displayvalue='Target' dashed='1' dashLen='2' dashGap='2' valueOnRight ='1' />

</trendLines>

dashed	是否虚线显示	默认实线显示
dashLen	设置虚线长度
dashGap	设置虚线间隙宽度
startValue	起始值	单个时一条横线，有结束值时，两点连线
endValue	结束值
displayvalue	线标示
valueOnRight	设置 displayvalue 显示右边	valueOnRight ='1'
color	设置线颜色

21、Styles属性：（eg）定义自定义效果属性，然后在一个对象上进行使用。

1 、定义一个 styles 。 <definition></ definition> 部分定义。基本属性有 name （给 type 所定义的 style 取的名字）、 type （ FusionCharts 只支持下面六种 styles: Font （字体）、 Animation （动画）、 Shadow （阴影）、 Glow （轮廓线）、 Blur （模糊化）、 Bevel （产生透视，增强立体感））。

2 、作用于一个对象。 < application></ application> 定义。

3 、对应关系

作用对象	对象说明	可以应用的 style 属性	Animation Parameters Supported
BACKGROUND	图表所处的整个背景	Animation Shadow Glow Bevel Blur	_alpha _x _y _xScale _yScale
CANVAS	单指图表填充的位置	Animation Shadow Glow Bevel Blur	_alpha _x _y _xScale _yScale
CAPTION	图表的标题	Animation Font Shadow Glow Bevel Blur	_alpha _x _y
DATALABELS	图表 X 轴标签名称	Animation Font Shadow Glow Bevel Blur	_alpha _x _y
DATAPLOT	组成图表的数据块	Animation Shadow Glow Bevel Blur	_alpha _x _y _xScale _yScale
DATAVALUES	图表的数据	Animation Font Shadow Glow Bevel Blur	_alpha _x _y
DIVLINES	图表背景水平或者垂直的 div 线	Animation Shadow Glow Bevel Blur	_alpha _y _yScale
HGRID	连续的 div 线之间的颜色块	Animation Shadow Glow Bevel Blur	_alpha _y _xScale _yScale
SUBCAPTION	图表的二级标题	Animation Font Shadow Glow Bevel Blur	_alpha _x _y
TOOLTIP	当鼠标点在图标上时出现的提示框	Font
TRENDLINES	趋势线	Animation Shadow Glow Bevel Blur	_alpha _y _xScale _yScale
TRENDVALUES	趋势线的值	Animation Font Shadow Glow Bevel Blur	_alpha _x _y
VLINES	垂直分隔线	Animation Shadow Glow Bevel Blur	_alpha _x _y _yScale
XAXISNAME	X 轴的名称	Animation Font Shadow Glow Bevel Blur	_alpha _x _y
YAXISNAME	Y 轴名称	Animation Font Shadow Glow Bevel Blur	_alpha _x _y
YAXISVALUES	Y 轴数据标度	Animation Font Shadow Glow Bevel Blur	_alpha _x _y _rotation

 

<styles>

        <definition>

        <style name='Anim1' type='animation' param='_xScale' start='0' duration='1' />

            <style name='Anim2' type='animation' param='_alpha' start='0' duration='1' />

     </definition>

     <application>

            <apply toObject='TRENDLINES' styles='Anim1, Anim2' />

     </application>

 </styles>

        

按照编程xml构造结构分（只列举出了几种主要属性，主要用于xmlBuiler）

头部属性：

属性名称	属性说明	示例或者说明
Caption	图表标题	还有一个子标题的属性 subcaption
DecimPecision	自定义小数点的格式	默认为‘ . ’
thousandSeparator	自定义千位的格式	默认为‘ , ’
baseFont	Canvas 里面的字体
baseFontSize	Canvas 里面的字体大小
xAxisName	X 轴名称
yAxisName	Y 轴名称
chartTopMargin	见上面的距离相关属性的截图	设置图表上边距
chartBottomMargin	见上面的距离相关属性的截图	设置图表下边距
chartLeftMargin	见上面的距离相关属性的截图	设置图表左边距
chartRightMargin	见上面的距离相关属性的截图	设置图表右边距
canvasBgColor	设置 canvas 的背景色	既可以是单色也可以设置渐变色
canvasBgAlpha	设置 canvas 的透明度
canvasBaseColor	设置 canvas 基部的颜色
divLineColor	设置水平分隔线的颜色
bgColor	Background 的背景颜色
showValues	是否显示图表表示的数据
showBorder	是否显示图表外的边框	默认二维图表显示，三维不显示
formatNumber	千位是否需要逗号隔开	默认自动使用逗号分开
formatNumberScale	数据是否自动转换为 k/m 格式	默认自动转换

Body属性：<set 里面设置的属性

属性名称	属性说明	示例或者说明
Label	设置在图表中横轴标示的名字	Name 也可以
value	设置在图表中各个名字想对应的值
color	设置在图表中相对应的柱行图的颜色
toolText	设置鼠标旋停在相对应的柱行图 上出现的文本内容	hoverText 也具有此功能
link	设置该柱行图的链接地址
alpha	设置在图表中相对应的柱行图的透明度
showName	设置在是否显示图表中相对应的柱行图的 name