关于FusionCharts的FusionCharts的Attributes（属性）

转至：http://www.cesclub.com/bw/jishuzhongxin/Webjishu/2012/0401/26783.html

若是想要鼠标滑动凸出扇形，将focusEvent设置为mousemove即可

zccst收拾

一.FusionCharts的分类

关于FusionCharts的根蒂根基介绍我就不在这里浪费篇幅了，想懂得的伴侣本身去www.baigoogedu.com里面找吧。我就说说FusionCharts的官方四大分类:

1.FusionCharts

2.FusionMaps

3.FusionWidgets

4.PowerCharts

二.关于FusionCharts的FusionCharts

大师知道了FusionCharts分类今后，就熟悉打听了FusionCharts的FusionCharts吧。之前我们小组研究FusionCharts的时辰，这个念法一向都感觉很绕口，如今熟悉了，就好了。其实我们在现有的项目中几乎85％的图形都来至于FusionCharts的FusionCharts，还有5％来至于FusionCharts的FusionWidgets，5％来自FusionCharts的PowerCharts。可能大师会问，我这个"什么的什么"说法是不是太罗嗦，直接说子类不就行了吗？不知道细心的读者发明没有，上方的综合加起来是95％，其实我们项目中还有的5％的图形是来自于amcharts的amstock。关于amcharts我就不久不多说了，今后有机会再做个专题吧，以免跑题了。

FusionCharts的FusionCharts分类有很多种。按数据类型分类有:

1.单组数据类型图表（Single Data Charts）

2.多组数据类型图表（Multi-Data Charts）

按图的显现类型分类（也是官方分类）有:

1.单系列图表（Single Series Charts）

2.多系列图表（Multi-Series Charts）

3.聚积式图表（Stacked Charts）

4.组合图表（Combination Charts）

5.分布图（XY Plot Charts）

6.迁移转变图（Scroll Charts）

其实我们的项目中凡是所说的分类就是按数据类型分类的，这个分类是我们本身在实际工作中总结出来的。而按图形显现来分类是FusionCharts官方文档的分类，是很标准的分类。


三.关于FusionCharts的FusionCharts的Attributes（属性）
属性的分类就以官方的API文档为准吧：

1.Chart:

<1>Functional Attributes（功能属性）

<2>Titles and Axis Names（题目和坐标抽名字）

<3> Charts Cosmetics（图表美容属性）

<4>Divisional Lines/Grids（分区线/网格 属性）

<5>Tool-tip（对象提示属性）

<6>Paddings and Margins（填充和边距属性）

2.Data:
<1><set> element（set元素属性）

<2>Plot Cosmetics（节点美容属性）

3.Others:

<1>Number Formatting（数字格局化属性）

<2>Font Properties（字体属性）

<3>Vertical Lines（垂直线属性）

<4>Trend Lines（趋势线属性）。

属性的分类先介绍到这里，下面我来具体申明每个属性的用处，但在这之前，我得提一部属性的数据类型。FusionCharts 的 XML标签属性有一下四种数据类型:

<1>Boolean - 布尔类型，只能为1或者0。例如：<chart showNames=’1′ >

<2>Number - 数字类型，只能为数字。例如：<chart yAxisMaxValue=’200′ >

<3>String - 字符串类型，只能为字符串。例如： <chart caption=’My Chart’ >

<4>Hex Color Code - 十六进制色彩代码，前边没有’＃’.例如： <chart bgColor=’FFFFDD’ >

好了，懂得了这么多了。下面的就简单了，让我来一一介绍具体的每个属。


1.Functional Attributes（功能属性）

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=""1 or above""（x轴坐标值的步长，即可以设置隔几个柱子显示一个值）

staggerLines=""2 or above""（若是labelDisplay设置为STAGGER，则此属性是把握一个显现周期）

showValues=""0/1""（是否在图形上显示每根柱子具体的值）

rotateValues=""0/1""（是否扭转图形上显示的柱子的值）

placeValuesInside=""0/1""（图形上柱子的值是否显示在柱子里面）

showYAxisValues=""0/1""（是否显示Y轴的值）

showLimits=""0/1""（是否显示极值）

showDivLineValues=""0/1""（是否在divline处显示值）

yAxisValuesStep=""1 or above""（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.Titles and Axis Names（题目和坐标抽名字）

caption=""String""（主题目名字）

subCaption=""String""（副题目名字）

xAxisName=""String""（X轴名字）

yAxisName=""String""（Y轴名字）

3.Charts Cosmetics（图表美容属性）

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.Divisional Lines/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.Paddings and Margins（填充和边距属性）

captionPadding=""Number""（题目内边距）

xAxisNamePadding=""Number""（画板与x轴题目之间的间隔）

yAxisNamePadding=""Number""（画板与y轴题目之间的间隔）

yAxisValuesPadding=""Number""（画板与y轴值之间的间隔）

labelPadding=""Number""（画板离label之间的间隔）

valuePadding=""Number""（柱子离值之间的间隔）

plotSpacePercent=""0-80""（两个bar之间的间隔）

chartLeftMargin=""Number""（距左边框的间隔）

chartRightMargin=""Number""（距右边框的间隔）

chartTopMargin=""Number""（距上边框的间隔）

chartBottomMargin=""Number""（距下边框的间隔）

canvasLeftMargin=""Number""（画板离左边的间隔）

canvasRightMargin=""Number""（画板离右边的间隔）

canvasTopMargin=""Number""（画板离上边的间隔）

canvasBottomMargin=""Number""（画板离下边的间隔）

7.<set> element（set元素属性）

label=""String""（具体的标签）

value=""Number""（具体的值）

displayValue=""String""（显示的值）

color=""Color""（该柱子的色彩）

link=""String""（链接地址）

toolText=""String""（气泡提示时显示的值）

showLabel=""0/1""（是否显示标签）

showValue=""0/1""（是否显示此柱子的值）

dashed=""0/1""（柱子的边框是否显示为虚线）

alpha=""Number""（柱子的透明度）

8.Plot Cosmetics（节点美容属性）

useRoundEdges=""0/1""（是否显示边沿）

showPlotBorder=""0/1""（是否显示柱子的边框）

plotBorderColor=""Color""（柱子边框的色彩）

plotBorderThickness=""0-5""（柱子边框的厚度）

plotBorderAlpha=""0-100""（柱子边框的透明度）

plotBorderDashed=""0/1""（柱子边框是否显示为虚线）

plotBorderDashLen=""Number""（虚线的长度）

plotBorderDashGap=""Number""（虚线的间隔）

plotFillAngle=""0-360""（数据填充色角度）

plotFillRatio=""0-100""（数据填充色比率）

plotFillAlpha=""0-100""（数据填充色透明度）

plotGradientColor=""Color""（数据的有坡度色彩规划）

9.Number Formatting（数字格局化属性）

formatNumber=""0-1""（是否格局化数值）

formatNumberScale=""0-1""（是否对大数值以k，M体式格式默示）

defaultNumberScale=""String""（默认的数字格局化）

numberScaleUnit=""String""（设置进位规矩对应的单位eg:k，m，b）

numberScaleValue=""String""（设置进位的规矩eg:1000，1000，1000）

numberPrefix=""String""（数值前缀）

numberSuffix=""String""（数值后缀）

decimalSeparator=""String""（设置小数点的分隔符的默示情势，|.）

thousandSeparator=""String""（设置3位数值之间的分隔符的默示情势，|.）

inDecimalSeparator=""String""（设置小数分隔符）

inThousandSeparator=""String""（设置千位分隔符）

decimals=""0-10""（小数点后保存几位）

forceDecimals=""0/1""（小数点后位数不敷的，是否强迫补0）

yAxisValueDecimals=""0-10""（y轴值保存几位小数）

10.Font Properties（字体属性）

baseFont=""String""（字体）

baseFontSize=""0-72""（字体大小）

baseFontColor=""Color""（字体色彩）

outCnvBaseFont=""String""（画板外的字体）

outCnvBaseFontSize=""0-72""（画板外的字体大小）

outCnvBaseFontColor=""Color""（画板外的字体色彩）

11.Vertical Lines（垂直线属性）

color=""Color""（色彩）

thickness=""Number""（厚度）

alpha=""0-100""（透明度）

dashed=""0/1""（是否应用虚线）

dashLen=""Number""（虚线的长度）

dashGap=""Number""（虚线间隔的长度）

label=""String""（此垂直线的名字）

showLabelBorder=""0/1""（是否显示label的边框）

linePosition=""0/1""（line的地位）

labelPosition=""0/1""（label的地位）

labelHAlign=""left/center/right""（程度线label的地位）

labelVAlign=""top/middle/bottom""（垂直线label的地位）

12.Trend Lines（趋势线属性）

startValue=""Number""（开端值）

endValue=""Number""（停止值）

displayValue=""String""（显示的值）

color=""Color""（色彩）

isTrendZone=""0/1""（是否显示趋势线）

showOnTop=""0/1""（趋势线是否显示在上方）

thickness=""Number""（趋势线的宽度）

alpha=""0-100""（趋势线的透明度）

dashed=""0/1""（趋势线是否为虚线）

dashLen=""Number""（趋势线虚线的长度）

dashGap=""Number""（虚线之间的间隔长度）

valueOnRight=""0/1""（趋势线的标识表记标帜是否在右边）

toolText=""String""（趋势线标识表记标帜的名字）


四. 停止语

到此为止我就把FusionCharts的FusionCharts中的Column2D.swf属性遵守官方API的次序一个不漏的全部列出来了。若是大师有看不熟悉打听的处所请给我留言，我会推敲翻译得更清楚易懂些，后期我也会推敲直接把原版英文申明贴出来，让大师对比着看，应当更能领会每个属性的含义，其实很多官方文档的英文属性申明并不难，还是激劝大师多看原文档吧。


以上内容参考文献:FusionChartsV3.1 API

《更多网站建设信息、网站开发资讯，敬请咨询百微信息科技，021-57700304》