、自定义菜单属性
showAboutMenuItem | 是否显示自定义菜单 | 默认显示 |
aboutMenuItemLabel | 设置自定义菜单的名称 | aboutMenuItemLabel ='About My Company' |
aboutMenuItemLink | 设置自定义菜单的链接 | aboutMenuItemLink='n-http://www.youshang.com |
、趋势线:
<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 | 设置线颜色 | |
、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>
构造结构分(只列举出了几种主要属性,主要用于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 格式 | 默认自动转换 |
属性:<set 里面设置的属性
属性名称 | 属性说明 | 示例或者说明 |
Label | 设置在图表中横轴标示的名字 | Name 也可以 |
value | 设置在图表中各个名字想对应的值 | |
color | 设置在图表中相对应的柱行图的颜色 | |
toolText | 设置鼠标旋停在相对应的柱行图 上出现的文本内容 | hoverText 也具有此功能 |
link | 设置该柱行图的链接地址 | |
alpha | 设置在图表中相对应的柱行图的透明度 | |
showName | 设置在是否显示图表中相对应的柱行图的 name | |