FusionCharts参数及功能特性详解（二）

FusionCharts参数及功能特性详解

功能特性

animation	是否动画显示数据，默认为1(True)
showNames	是否显示横向坐标轴(x轴)标签名称
rotateNames	是否旋转显示标签，默认为0(False):横向显示
showValues	是否在图表显示对应的数据值，默认为1(True)
yAxisMinValue	指定纵轴(y轴)最小值，数字
yAxisMaxValue	指定纵轴(y轴)最小值，数字
showLimits	是否显示图表限值(y轴最大、最小值)，默认为1(True)

图表标题和轴名称

caption	图表主标题
subCaption	图表副标题
xAxisName	横向坐标轴(x轴)名称
yAxisName	纵向坐标轴(y轴)名称

 

图表和画布的样式

bgColor	图表背景色，6位16进制颜色值
canvasBgColor	画布背景色，6位16进制颜色值
canvasBgAlpha	画布透明度，[0-100]
canvasBorderColor	画布边框颜色，6位16进制颜色值
canvasBorderThickness	画布边框厚度，[0-100]
shadowAlpha	投影透明度，[0-100]
showLegend	是否显示系列名，默认为1(True)

字体属性

baseFont	图表字体样式
baseFontSize	图表字体大小
baseFontColor	图表字体颜色，6位16进制颜色值
outCnvBaseFont	图表画布以外的字体样式
outCnvBaseFontSize	图表画布以外的字体大小
outCnvBaseFontColor	图表画布以外的字体颜色，6位16进制颜色值

分区线和网格

numDivLines	画布内部水平分区线条数，数字
divLineColor	水平分区线颜色，6位16进制颜色值
divLineThickness	水平分区线厚度，[1-5]
divLineAlpha	水平分区线透明度，[0-100]
showAlternateHGridColor	是否在横向网格带交替的颜色，默认为0(False)
alternateHGridColor	横向网格带交替的颜色，6位16进制颜色值
alternateHGridAlpha	横向网格带的透明度，[0-100]
showDivLinues	是否显示Div行的值，默认？？
numVDivLines	画布内部垂直分区线条数，数字
vDivLineColor	垂直分区线颜色，6位16进制颜色值
vDivLineThickness	垂直分区线厚度，[1-5]
vDivLineAlpha	垂直分区线透明度，[0-100]
showAlternateVGridColor	是否在纵向网格带交替的颜色，默认为0(False)
alternateVGridColor	纵向网格带交替的颜色，6位16进制颜色值
alternateVGridAlpha	纵向网格带的透明度，[0-100]

 

数字格式

numberPrefix	增加数字前缀
numberSuffix	增加数字后缀    % 为 '%25'
formatNumberScale	是否格式化数字,默认为1(True),自动的给你的数字加上K（千）或M（百万）；若取0,则不加K或M
decimalPrecision	指定小数位的位数，[0-10]    例如：='0' 取整
divLineDecimalPrecision	指定水平分区线的值小数位的位数，[0-10]
limitsDecimalPrecision	指定y轴最大、最小值的小数位的位数，[0-10]
formatNumber	逗号来分隔数字(千位，百万位),默认为1(True)；若取0,则不加分隔符
decimalSeparator	指定小数分隔符,默认为'.'
thousandSeparator	指定千分位分隔符,默认为','

 

Tool-tip/Hover标题

showhovercap	是否显示悬停说明框，默认为1(True)
hoverCapBgColor	悬停说明框背景色，6位16进制颜色值
hoverCapBorderColor	悬停说明框边框颜色，6位16进制颜色值
hoverCapSepChar	指定悬停说明框内值与值之间分隔符,默认为','

折线图的参数

lineThickness	折线的厚度
anchorRadius	折线节点半径，数字
anchorBgAlpha	折线节点透明度，[0-100]
anchorBgColor	折线节点填充颜色，6位16进制颜色值
anchorBorderColor	折线节点边框颜色，6位16进制颜色值

Set标签使用的参数

value	数据值
color	颜色
link	链接（本窗口打开[Url]，新窗口打开[n-Url]，调用JS函数[JavaScript:函数]）
name	横向坐标轴标签名称

-------------------------------------------------------------------------------------------------

FusionCharts的XML标签属性(转)

  (2012-08-14 16:53:56)

转载▼

标签：  杂谈

XML中的标签和属性有：      
<graph> 所具有的属性      
flash背景参数：      
* bgColor=”HexColorCode” : 设置flash的背景颜色      
* bgAlpha=”NumericalValue(0-100)” : 设置背景的透明度      
* bgSWF=”Path of SWF File” : 设置一个外部的Flash 为flash的背景      
图表背景参数：      
* canvasBgColor=”HexColorCode” : 设置图表背景的颜色      
* canvasBaseColor=”HexColorCode” : 设置图表基部的颜色      
* canvasBaseDepth=”Numerical Value” : 设置图表基部的高度      
* canvasBgDepth=”Numerical Value” : 设置图表背景的深度      
* showCanvasBg=”1/0″ : 设置是否显示图表背景      
* showCanvasBase=”1/0″ : 设置是否显示图表基部      
图表和轴的标题      
* caption=”String” : 图表上方的标题      
* subCaption=”String” : 图表上方的副标题      
* xAxisName= “String” : X轴的名字      
* yAxisName= “String” : y轴的名字      
图表数量值的限制      
* yAxisMinValue=”value”: y轴最小值      
* yAxisMaxValue=”value”: y舟最大值      
通用参数      
* shownames=”1/0″ : 设置是否在x轴下显示<set>里指定的name      
* showValues=”1/0″ : 设置是否在柱型图或饼型图上显示数据的值      
* showLimits=”1/0″ : 设置是否在图表的y轴坐标上显示最大最小的数据值      
* rotateNames=”1/0″ : 设置x轴下的name 是水平显示还是垂直显示      
* animation=”1/0″ : 设置柱型图的显示是否是动画显示      
字体属性      
* baseFont=”FontName” : 设置字体样式      
* baseFontSize=”FontSize” : 设置字体大小      
* baseFontColor=”HexColorCode” : 设置字体颜色      
* outCnvBaseFont = “FontName” : 设置图表外侧的字体样式      
* outCnvBaseFontSze=”FontSize” : 设置图表外侧的字体大小      
* outCnvBaseFontColor=”HexColorCode”: 设置图表外侧的字体颜色      
数字格式选项      
* numberPrefix=”$” : 设置数据值的前缀      
* numberSuffix=”p.a” : 设置数据值的后缀（如果是特殊字符，需要使用URL Encode重编码）      
* formatNumber=”1/0″ : 设置是否格式化数据      
* formatNumberScale=”1/0″ : 设置是否用“K”来代表千，“M”来代表百万      
* decimalSeparator=”.” : 用指定的字符来代替小数点      
* thousandSeparator=”,” : 用指定的字符来代替千位分隔符      
* decimalPrecision=”2″ : 设置十进制的精度      
* divLineDecimalPrecision=”2″: 设置y轴数值的小数位数      
* limitsDecimalPrecision=”2″ : 设置y轴的最大最小值的小数位数      
水平分隔线      
* numdivlines=”NumericalValue” : 设置水平分隔线的数量      
* divlinecolor=”HexColorCode” : 设置水平分隔线的颜色      
* divLineThickness=”NumericalValue” : 设置水平分隔线的宽度      
* divLineAlpha=”NumericalValue0-100″ : 设置水平分隔线的透明度      
* showDivLineValue=”1/0″ : 设置是否显示水平分隔线的数值      
鼠标旋停参数      
* showhovercap=”1/0″ : 显示是否激活鼠标旋停效果      
* hoverCapBgColor=”HexColorCode” : 设置鼠标旋停效果的背景颜色      
* hoverCapBorderColor=”HexColorCode” : 设置鼠标旋停效果的边框颜色      
* hoverCapSepChar=”Char” : 设置鼠标旋停后显示的文本中的分隔符号      
图表边距的设置      
* chartLeftMargin=”Numerical Value (in pixels)” : 设置图表左边距      
* chartRightMargin=”Numerical Value (in pixels)” : 设置图表右边距      
* chartTopMargin=”Numerical Value (in pixels)” : 设置图表上边距      
* chartBottomMargin=”Numerical Value (in pixels)” : 设置图表下边距      
Zero Plane      
The zero plane is a 3D plane that signifies the 0 position on the chart. If there are no negative numbers on the chart, you won’t see a visible zero plane.      
* zeroPlaneShowBorder=”1/0″ : Whether the border of a 3D zero plane would be plotted or not.      
* zeroPlaneBorderColor=”Hex Code” : If the border is to be plotted, this attribute sets the border color for the plane.      
* zeroPlaneColor=”Hex Code” : The intended color for the zero plane.      
* zeroPlaneAlpha=”Numerical Value 0-100″ : The intended transparency for the zero plane.      
 
<set> 所具有的属性      
* name=”string” : 设置在图表中体现出来的名字      
Example: <set name=’Jan’ …>      
* value=”NumericalValue” : 设置在图表中各个名字想对应的值      
Example: <set name=’Jan’ value=’12345′ …>      
* color=”HexCode” : 设置在图表中相对应的柱行图的颜色      
Example: <set name=’Jan’ value=’12345′ color=’636363′ …>      
* hoverText=”String value” : 设置鼠标旋停在相对应的柱行图 上出现的文本内容      
Example: <set name=’Jan’ value=’12345′ color=’636363′ hoverText=’January’…>      
* link=”URL” : 设置该柱行图的链接地址（需要URL Encode重编码）      
Example: <set … link=’ShowDetails.asp?Month=Jan’ …>      
* alpha=”Numerical Value 0-100″ : 设置在图表中相对应的柱行图的透明度      
Example: <set … alpha=’100′ …>      
* showName=”1″ : 设置在是否显示图表中相对应的柱行图的name      
Example : <set … showName=”1″ …>    
 
    
 
ANCHORS 锚点 用于标识line或area的数值点    
支持效果 Animation 动画、Shadow 阴影、Glow 发光、Bevel 倾斜、Blur 模糊    
动画属性 _alpha、_x、_y、_xScale、_yScale    
BACKGROUND 整个图表的背景    
支持属性 Animation、Shadow、Glow、Bevel、Blur    
动画属性 _alpha、_x、_y、_xScale、_yScale    
CANVAS 区域图中的区域    
支持属性 Animation、Shadow、Glow、Bevel、Blur    
动画属性 _alpha、_x、_y、_xScale、_yScale    
CAPTION 图表标题    
SUBCAPTION 图表子标题    
支持属性 Animation、Shadow、Glow、Bevel、Blur、Font 字体    
动画属性 _alpha、_x、_y    
DATALABELS 数据的x轴标签列表    
支持属性 Animation、Shadow、Glow、Bevel、Blur、Font 字体    
动画属性 _alpha、_x、_y    
DATAPLOT 数据细节（如：2D图表中的列）    
支持属性 Animation、Shadow、Glow、Bevel、Blur    
动画属性 _alpha、_x、_y、_xScale、_yScale    
DATAVALUES 图表数据    
支持属性 Animation、Shadow、Glow、Bevel、Blur、Font 字体    
动画属性 _alpha、_x、_y    
DIVLINES 水平的列表区域(由div组成的线)    
支持属性 Animation、Shadow、Glow、Bevel、Blur    
动画属性 _alpha、_x、_y、_xScale    
HGRID 水平的两个列表区域中交替的颜色    
支持属性 Animation、Shadow、Glow、Bevel、Blur    
动画属性 _alpha、_x、_y、_xScale、_yScale    
VDIVLINES 垂直的列表区域    
VGRID 垂直的两个列表区域中交替的颜色    
VLINES 垂直分割线    
XAXISNAME x轴名称    
YAXISNAME y轴名称    
YAXISVALUES y轴的值列表    
 
 
TOOLTIP 在鼠标移动到数据点上的时候的提示    
支持属性 Font    
TRENDLINES 趋势线    
TRENDVALUES    
chart    
Functional Attributes    
animation bool 是否使用动画    
palette number(1-5) 使用默认的调色板    
connectNullData bool 是否呈现空值（？猜测）    
showLabels bool 是否显示标签    
labelDisplay string (WRAP,STAGGER,ROTATE or NONE ) 标签的呈现方式（超长屏蔽、折行、倾斜还是不显示）    
rotateLabels bool    
slantLabels bool x轴说明文字是否倾斜（1/0）    
labelStep number (1 or above)    
staggerLines number (2 or above) 多少个字符后折行（labelDisplay=stagger）    
showValues bool 是否一直显示数据值在数据点上    
rotateValues bool 是否滚动显示值 （showValues=1）    
showYAxisValues bool 是否显示y轴数据    
showLimits bool    
showDivLineValues bool    
yAxisValuesStep number (1 or above) y轴标记的显示间隔    
adjustDiv bool 自动调整divlines    
rotateYAxisName bool    
yAxisNameWidth number (In Pixels)    
clickURL String 图表的焦点链接地址    
defaultAnimation bool 是否开启默认动画    
yAxisMinValue number Y轴中最小值    
yAxisMaxValue number Y轴中最大值    
setAdaptiveYMin    
Chart Titles and Axis Names    
caption    
subCaption    
xAxisName    
yAxisName    
Chart Cosmetics    
bgColor color 可以使用逗号分割多个颜色值 FF5904,FFFFFF    
bgAlpha number (0-100) 透明度    
bgRatio number (0-100) 多个颜色值所占的比率    
bgAngle number (0-360) 角度    
bgSWF string 背景flash，但必须在同一个域下    
bgSWFAlpha number (0-100)    
canvasBgColor Color 区域背景颜色    
canvasBgAlpha    
canvasBgRatio    
canvasBgAngle    
canvasBorderColor    
canvasBorderThickness number (0-5) 边框厚度    
canvasBorderAlpha    
showBorder bool    
borderColor    
borderThickness number In Pixels    
borderAlpha    
Data Plot Cosmetics    
showPlotBorder bool    
plotBorderColor    
plotBorderThickness (0-5)pixels    
plotBorderAlpha    
plotBorderDashed bool 是否使用虚线    
plotBorderDashLen number in pixels    
plotBorderDashGap number in pixels    
plotFillAngle number 0-360  
plotFillRatio number 0-100  
plotFillAlpha    
plotGradientColor color 渐变颜色    
showShadow bool 是否显示阴影    
plotFillColor    
Anchors    
drawAnchors bool    
anchorSides Number 3-20 边数    
anchorRadius number in pixels 半径    
anchorBorderColor color hex code    
anchorBorderThickness number in pixels    
anchorBgColor    
anchorAlpha    
anchorBgAlpha    
Divisional Lines & Grids    
numDivLines number >0 水平区域线数量    
divLineColor    
divLineThickness number 1-5  
divLineAlpha    
divLineIsDashed bool 虚线    
divLineDashLen    
divLineDashGap    
zeroPlaneColor    
zeroPlaneThickness    
zeroPlaneAlpha    
showAlternateHGridColor    
alternateHGridColor    
alternateHGridAlpha    
numVDivLines    
vDivLineColor    
vDivLineThickness    
vDivLineAlpha    
vDivLineIsDashed    
vDivLineDashLen    
vDivLineDashGap    
showAlternateVGridColor    
alternateVGridColor    
alternateVGridAlpha    
Number Formatting    
formatNumber bool    
formatNumberScale bool    
defaultNumberScale string    
numberScaleUnit string    
numberScaleValue string    
numberPrefix string    
numberSuffix string    
decimalSeparator string    
thousandSeparator string    
inDecimalSeparator string    
inThousandSeparator string    
decimals number 0-10  
forceDecimals bool    
yAxisValueDecimals number 0-10  
Font Properties    
baseFont    
baseFontSize number 0-72  
baseFontColor    
outCnvBaseFont cnv canvas    
outCnvBaseFontSize    
outCnvBaseFontColor    
Tool-tip    
showToolTip bool    
toolTipBgColor    
toolTipBorderColor    
toolTipSepChar    
Chart Padding & Margins    
captionPadding    
xAxisNamePadding    
yAxisNamePadding    
yAxisValuesPadding    
labelPadding    
valuePadding    
chartLeftMargin    
chartRightMargin    
chartTopMargin    
chartBottomMargin    
canvasPadding    
set element    
label string    
value number    
color color hex code    
link string    
toolText string    
showLavel    
showValue    
dashed    
alpha    
anchorSides    
anchorRadius    
anchorBorderColor    
anchorBorderThickness    
anchorBgColor    
anchorAlpha    
anchorBgAlpha    
Vertical data separator lines    
     <set label=’Dec 2005′ value=’36556′ />    
     <vLine color=’FF5904′ thickness=’2′ />    
     <set label=’Jan 2006′ value=’45456′ />    
color    
thickness    
alpha    
dashed    
dashLen    
dashGap    
Trend-lines    
     <trendLines>    
     <line startValue=’895′ color=’FF0000′ displayvalue=’Average’ />      
     </trendLines>    
startValue    
endValue    
displayValue    
color    
isTrendZone    
showOnTop    
thickness    
alpha    
dashed    
dashLen