转至: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