《FusionCharts参数说明.docx》由会员分享,可在线阅读,更多相关《FusionCharts参数说明.docx(4页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、功能特性animation 是否动画显示数据,默认为 1(True)showNames 是否显示横向坐标轴(x轴)标签名称rotateNames 是否旋转显示标签,默认为0(False):横向显示showValues 是否在图表显示对应的数据值,默认为1(True)yAxisMinValue 指定纵轴(y轴)最小值,数字yAxisMaxValue 指定纵轴(y轴)最小值,数字showLimits 是否显示图表限值(y轴最大、最小值),默认为1(True)showColumnShadow 是否显示各条形图间的阴影(若柱面图在一起并列的话)showAlternateHGridColor 是否隔行显
2、示不同颜色图表标题和轴名称caption 图表主标题subCaption 图表副标题xAxisName 横向坐标轴(x轴)名称yAxisName 纵向坐标轴(y轴)名称imageSave=1 是否保存图片imageSaveURL=Path/FusionChartsSave.jsp 图片路径hoverCapSepChar=,。鼠标放到柱面上时显示的提示信息的分隔符showhovercap=1 鼠标放到柱面上时是否显示提示信息 hoverCapBgColor=ffffff提示信息背景颜色图表和画布的样式bgColor 图表背景色,6位16进制颜色值canvasBgColor 画布背景色,6位16进
3、制颜色值canvasBgAlpha 画布透明度,0-100canvasBorderColor 画布边框颜色,6位16进制颜色值canvasBorderThickness 画布边框厚度,0-100shadowAlpha 投影透明度,0-100showLegend 是否显示系列名,默认为1(True)字体属性baseFont 图表字体样式baseFontSize 图表字体大小baseFontColor 图表字体颜色,6位16进制颜色值outCnvBaseFont 图表画布以外的字体样式outCnvBaseFontSize 图表画布以外的字体大小outCnvBaseFontColor 图表画布以外的
4、字体颜色,6位16进制颜色值分区线和网格numDivLines 画布内部水平分区线条数,数字divLineColor 水平分区线颜色,6位16进制颜色值divLineThickness 水平分区线厚度,1-5divLineAlpha 水平分区线透明度,0-100showAlternateHGridColor 是否在横向网格带交替的颜色,默认为0(False)alternateHGridColor 横向网格带交替的颜色,6位16进制颜色值alternateHGridAlpha 横向网格带的透明度,0-100showDivLineValues 是否显示Div行的值,默认?numVDivLines
5、画布内部垂直分区线条数,数字vDivLineColor 垂直分区线颜色,6位16进制颜色值vDivLineThickness 垂直分区线厚度,1-5vDivLineAlpha 垂直分区线透明度,0-100showAlternateVGridColor 是否在纵向网格带交替的颜色,默认为0(False)alternateVGridColor 纵向网格带交替的颜色,6位16进制颜色值alternateVGridAlpha 纵向网格带的透明度,0-100数字格式numberPrefix 增加数字前缀numberSuffix 增加数字后缀 % 为 %25 / (吨)为%ef%bc%88%e5%90%a
6、8%ef%bc%89(Server.UrlEncode编码)formatNumberScale 是否格式化数字,默认为1(True),自动的给你的数字加上K(千)或M(百万);若取0,则不加K或MdecimalPrecision 指定小数位的位数, 0-10 例如:=0 取整divLineDecimalPrecision 指定水平分区线的值小数位的位数, 0-10limitsDecimalPrecision 指定y轴最大、最小值的小数位的位数,0-10formatNumber 逗号来分隔数字(千位,百万位),默认为1(True);若取0,则不加分隔符decimalSeparator 指定小数分
7、隔符,默认为.thousandSeparator 指定千分位分隔符,默认为,Tool- tip/Hover标题showhovercap 是否显示悬停说明框,默认为1(True)hoverCapBgColor 悬停说明框背景色,6位16进制颜色值hoverCapBorderColor 悬停说明框边框颜色,6位16进制颜色值hoverCapSepChar 指定悬停说明框内值与值之间分隔符,默认为,折线图的参数lineThickness 折线的厚度anchorRadius 折线节点半径,数字anchorBgAlpha 折线节点透明度,0-100anchorBgColor 折线节点填充颜色,6位16进
8、制颜色值anchorBorderColor 折线节点边框颜色,6位16进制颜色值Set标签使用的参数value 数据值color 颜色link 链接(本窗口打开Url,新窗口打开n-Url,调用JS函数JavaScript:函数)name 横向坐标轴标签名称showFCMenuItem=0 设置右键显示不显示1. varmyChart= newFusionCharts(./FusionCharts/FCF_Column3D.swf, myChartId, 600, 500);第一个参数是SWF 文件的地址。第二个是图形的id。这个id 你可以随便叫什么,但是要注意,在后面我们讲到一个页面里有多
9、个图形的时候,这个id 一定要是唯一的。第三个参数是图形的宽。第四个参数是图形的高。我们还要设置数据文件的地址。1. myChart.setDataURL(Data.xml);最后,我们把图形渲染在指定的地方。1. myChart.render(chartdiv);chartdiv就是前面的DIV 的id,这就表示把图形render 到chartdiv。现在你运行JSChart.html,你会看到同Chart.html 一样的效果。很显然使用JavaScript 加载图形,更方便,更直观。如果你想在一个新的窗口打开页面,只需要在连接的前面加上“n-”,就像下面的代码一样:1. 3. XML数据
10、节点和常用属性详解caption=标题subcaption=子标题clickURL=abc.jsp 点击整个图表时跳转到abc.jspxAxisName=部门numberPrefix =¥ 数据前缀单位numberSuffix =个 数据后缀单位 Decimals=2 保留两位小数,四舍五入forceDecimals=2 强制保留两位小数,对于5.1 转换为5.10 yAxisName=完成率 如果使用汉字汉符需加属性:rotateYAxisName=1showValues=1yAxisMaxValue=100 对于百分比的常用bgColor=999999,FFFFFF渐变bgColor=999999 单色useRoundEdges=1 光线效果baseFont=宋体baseFontSize=12 baseFontColor=333333