资源预览内容
第1页 / 共7页
第2页 / 共7页
第3页 / 共7页
第4页 / 共7页
第5页 / 共7页
第6页 / 共7页
第7页 / 共7页
亲,该文档总共7页全部预览完了,如果喜欢就下载吧!
资源描述
fusionCharts属性参考API转自:http:/blog.csdn.net/niepanxu/article/details/7195615一.FusionCharts的分类关于FusionCharts的基本介绍我就不在这里浪费篇幅了,想了解的朋友自己去官网里面找吧。我就说说FusionCharts的官方四大分类:1.FusionCharts2.FusionMaps3.FusionWidgets4.PowerCharts每种类型我还是贴个图吧(从左到右依次对应):二.关于FusionCharts,FusionCharts分类有很多种。按数据类型分类有:1.单组数据类型图表(SingleDataCharts)2.多组数据类型图表(Multi-DataCharts)按图的展示类型分类(也是官方分类)有:1.单系列图表(SingleSeriesCharts)2.多系列图表(Multi-SeriesCharts)3.堆积式图表(StackedCharts)4.组合图表(CombinationCharts)5.分布图(XYPlotCharts)6.滚动图(ScrollCharts)其实我们的项目中通常所说的分类就是按数据类型分类的,这个分类是我们自己在实际工作中总结出来的。而按图形展示来分类是FusionCharts官方文档的分类,是很标准的分类。数据类型分类如图(从左到右依次对应):图的展示类型分类(从左到右依次对应):三.关于FusionCharts的Attributes(属性)关于FusionCharts的FusionCharts中很多不同的图、不同类型的图其实有很多共通的属性,当然也有一些各自特殊的属性。下面我先来给大家介绍这些共通的属性吧。上图为FusionCharts的FusionCharts中Column2D.swf的属性。我将拿此图的属性作为例子讲解,因为此图的属性几乎全部为通用属性。(具体是99%通用还是100%通用这个我还真没有统计过,至少是95%通用吧)。属性的分类就以官方的API文档为准吧:1.Chart:FunctionalAttributes(功能属性)TitlesandAxisNames(标题和坐标抽名字)ChartsCosmetics(图表美容属性)DivisionalLines/Grids(分区线/网格属性)Tool-tip(工具提示属性)PaddingsandMargins(填充和边距属性)2.Data:element(set元素属性)PlotCosmetics(节点美容属性)3.Others:NumberFormatting(数字格式化属性)FontProperties(字体属性)VerticalLines(垂直线属性)TrendLines(趋势线属性)。注:细心的读者会发现,我上面列的属性分类和图片上的有点不一致,我来解释一下:Chart的ChartImage和Data的SampleXMLData是链接到图片和数据,不是属性。Chart的ChartObjects是高级对象组合属性,平时也很少使用,这里就暂不做介绍了吧,有机会的话,以后单独写篇文章再给大家讲解。属性的分类先介绍到这里,下面我来详细解释每个属性的用途,但在这之前,我得提一下属性的数据类型。FusionCharts的XML标签属性有一下四种数据类型:Boolean-布尔类型,只能为1或者0。例如:Number-数字类型,只能为数字。例如:String-字符串类型,只能为字符串。例如:HexColorCode-十六进制颜色代码,前边没有#.例如:好了,了解了这么多了。下面的就简单了,让我来一一介绍具体的每个属性吧。1.FunctionalAttributes(功能属性)animation=0/1(设置图形的显示是否是动画显示)palette=1-5(5种默认的调色板风格任你选)paletteColors=String(手动设置调色板的颜色paletteColors=FF0000,0372AB,FF5904.)showAboutMenuItem=0/1(在图形上点击右键时是否显示about链接)aboutMenuItemLabel=String(about链接的具体名字)aboutMenuItemLink=String(about链接的具体链接地址)showLabels=0/1(是否显示x轴的坐标值)labelDisplay=WRAP/STAGGER/ROTATE/NONE(x轴坐标值的具体展现形式)rotateLabels=0/1(是否旋转x轴的坐标值)slantLabels=0/1(将x轴坐标值旋转为倾斜的还是完全垂直的)labelStep=1orabove(x轴坐标值的步长,即可以设置隔几个柱子显示一个值)staggerLines=2orabove(如果labelDisplay设置为STAGGER,则此属性是控制一个展示周期)showValues=0/1(是否在图形上显示每根柱子具体的值)rotateValues=0/1(是否旋转图形上显示的柱子的值)placeValuesInside=0/1(图形上柱子的值是否显示在柱子里面)showYAxisValues=0/1(是否显示Y轴的值)showLimits=0/1(是否显示极值)showDivLineValues=0/1(是否在divline处显示值)yAxisValuesStep=1orabove(Y轴值的步长)showShadow=0/1(是否显示阴影)adjustDiv=0/1(是否自动调整divlines)rotateYAxisName=0/1(是否旋转Y轴的名字)yAxisNameWidth=Number(Y轴名字的宽度)clickURL=String(点击的链接地址)defaultAnimation=0/1(是否使用默认动画)yAxisMinValue=Number(Y轴的最小值)yAxisMaxValue=Number(Y轴的最大值)setAdaptiveYMin=0/1(自动设置Y轴的最小值)2.TitlesandAxisNames(标题和坐标抽名字)caption=String(主标题名字)subCaption=String(副标题名字)xAxisName=String(X轴名字)yAxisName=String(Y轴名字)3.ChartsCosmetics(图表美容属性)bgColor=Color(图表的背景色)bgAlpha=0-100(背景色的透明度)bgRatio=1-100(如果背景色有两个,该属性设置差异的比例)bgAngle=0-360(转变背景颜色的角度,设置一个倾斜度)bgSWF=String(用做背景的swf路径)bgSWFAlpha=0-100(背景swf的透明度)canvasBgColor=Color(画板背景颜色)canvasBgAlpha=0-100(画板背景透明度)canvasBgRatio=Number(不同画板背景色的比率)canvasBgAngle=Number(画布背景色显示角度)canvasBorderColor=Color(画板边框的颜色)canvasBorderThickness=Number(画板边框的宽度)canvasBorderAlpha=0-100(画板边框的透明度)showBorder=0/1(是否显示图表边框)borderColor=Color(边框颜色)borderThickness=Number(图表边框的粗细)borderAlpha=0-100(边框透明度)showVLineLabelBorder=0/1(是否显示垂直线label的宽度)logoURL=String(在图表上加上logo,logo图片的地址)logoPosition=TL/TR/BL/BR/CC(logo的位置)logoAlpha=0-100(logo的透明度)logoScale=1-300(控制logo放大缩小的倍数)logoLink=String(logo的链接地址)4.DivisionalLines/Grids(分区线/网格属性)numDivLines=0(水平网格线的数量)divLineColor=Color(网格线颜色)divLineThickness=1-5(网格线粗细)divLineAlpha=0-100(网格线透明度)divLineIsDashed=0/1(网格线是否显示为虚线)divLineDashLen=Number(每个虚线的长度)divLineDashGap=Number(每个虚线间的间隔长度)zeroPlaneColor=Color(0值处网格线颜色)zeroPlaneThickness=Number(0值处网格线粗细)zeroPlaneAlpha=0-100(0值处网格线透明度)showAlternateHGridColor=0/1(是否交替显示网格颜色)alternateHGridColor=Color(水平网格颜色)alternateHGridAlpha=Number(水平网格透明度)5.Tool-tip(工具提示属性)showToolTip=0/1(是否显示气泡提示)toolTipBgColor=Color(气泡提示的背景颜色)toolTipBorderColor=Color(汽包提示的边框颜色)toolTipSepChar=String(气泡提示的分隔符)showToolTipShadow=0/1(是否使气泡提示带有阴影效果)6.PaddingsandMargins(填充和边距属性)captionPaddingxAxisNamePadding=Number画板与x轴标题之间的距离yAxisNamePadding=Number(画板与y轴标题之间的距离)yAxisValuesPadding=Number(画板与y轴值之间的距离)labelPadding=Number(画板离label之间的距离)valuePadding=Number(柱子离值之间的距离)plotSpacePercent=0-80(两个bar之间的距离)chartLeftMargin=Number(距左边框的距离)chartRightMargin=Number(距右边框的距离)chartTopMargin=Number(距上边框的距离)chartBottomMargin=N
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号