`

FusionCharts的XML标签属性

阅读更多
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%3FMonth=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  
分享到:
评论

相关推荐

    FusionCharts XML标签及属性

    让我们深入探讨一下FusionCharts的XML标签和属性。 1. **XML结构概述** FusionCharts的XML文档遵循一定的结构,主要由`&lt;chart&gt;`根元素组成,包含了图表的基本设置。然后是各种子元素,如`&lt;set&gt;`用于定义数据集,`...

    重要知识FusionCharts_的XML标签属性.pdf

    本文将深入探讨FusionCharts的XML标签属性,这些属性对于创建专业且美观的图表至关重要。 首先,我们关注图表的背景设置。`bgColor`属性允许您设定Flash组件的背景颜色,而`bgAlpha`控制背景的透明度,其值范围是从...

    FusionCharts_的XML标签属性.pdf

    下面详细介绍FusionCharts中一些重要的XML标签属性及其知识点。 首先是关于图表背景设置的属性: - `bgColor`:用于设置图表背景颜色,使用十六进制颜色代码(HexColorCode)来指定。 - `bgAlpha`:用于设置图表...

    FusionCharts xml说明

    FusionCharts XML说明主要涵盖了如何利用各种图表属性来定制我们的图表。 首先,我们可以调整图表的外观,如颜色、字体等。这包括改变图表的背景色、文字样式等,使图表符合我们设计的整体风格。例如,通过设置`...

    flash xml fusioncharts网页波动折线图走势

    在FusionCharts中,可以通过设置属性实现波动效果,如动画效果、平滑曲线等,以增强图表的吸引力和理解性。波动效果通常通过调整数据点之间的连接方式或添加随机抖动来实现,使数据的变化看起来更动态。 **使用...

    fusionchart 属性

    FusionCharts支持多种类型的XML标签属性,用于定义图表的不同方面。以下列出了四种基本的数据类型: 1. **Boolean** - 布尔类型:只接受`1`或`0`作为值。例如,`&lt;graph showNames='1'&gt;`。 2. **Number** - 数字类型...

    使用Xstream为FusionCharts提供XML

    5. **配置Xstream**: Xstream允许我们自定义XML输出的格式,比如命名空间、字段标签名等。为了使生成的XML符合FusionCharts的预期,可能需要调整这些设置。 6. **发送XML数据给FusionCharts**: 最后,我们需要将...

    FusionCharts 18个常用控件教程(含json格式和xml格式)

    FusionCharts同样支持XML格式的数据输入,与JSON类似,通过XML文档结构定义图表属性和数据。 5. **教程内容** 教程可能涵盖以下内容: - 控件的基本使用:如何在网页中嵌入FusionCharts控件。 - 数据源绑定:...

    FusionCharts图表开发(xml数据源)

    这可以通过使用`&lt;FusionCharts&gt;`标签并设置`dataSource`属性来完成: ```html &lt;script type="text/javascript" src="FusionCharts/FusionCharts.js"&gt; &lt;div id="chartContainer"&gt;&lt;/div&gt; var chart = new ...

    FusionCharts

    3. **图表属性**:了解如何配置图表的标题、副标题、图例、数据标签、工具提示等属性,以满足个性化需求。 4. **交互功能**:掌握如何实现图表的交互,如点击事件、鼠标悬停效果、数据钻取等。 5. **API与事件**:...

    通过配置xml制作报表FusionCharts

    FusionCharts是一款强大的图表库,它允许开发者通过XML数据和JavaScript来创建交互式的、丰富的图表。本教程将详细讲解如何利用XML配置来制作FusionCharts报表。 一、FusionCharts概述 FusionCharts是一款基于Web的...

    fusionCharts常用属性释义

    我上传了fusioncharts的开发文档,还可以在contents、gallery等文件夹下面使用IE打开html文件,查看图形实例,根据自己需要查看相关的XML文件,获得其生成图例的xml的dataset形式。 在压缩包内,还有我在开发过程...

    FusionCharts Free说明文档

    FusionCharts的XML标签属性支持四种数据类型,其中包括: 1. **Boolean** - 表示布尔值,通常用1或0表示真或假,如`showNames=’1’`用于开启或关闭图例显示。 2. **String** - 字符串类型,常用于设置图表的标题、...

    利用FusionCharts 实现数据图表展示

    2. **创建图表对象**:使用JavaScript创建FusionCharts对象,并设置图表的基本属性,如类型、宽度、高度、标题、数据源等。 3. **加载数据**:数据可以是内联的JSON字符串,也可以是从服务器异步获取的。如果你选择...

    fusioncharts

    `FusionCharts.UpdateXMLAttribute`这个文件名可能是指一个函数或方法,用于更新图表的XML数据源中的特定属性。在FusionCharts的工作流程中,数据通常以XML或JSON格式提供,这些数据源定义了图表的结构、样式以及...

    FusionCharts v3

    在FusionCharts中,XML数据可以定义图表的各种属性,如标题、数据系列、标签等,并且可以通过JavaScript库动态加载。 总的来说,FusionCharts v3是一个强大的数据可视化解决方案,它结合了JavaScript和Flash技术,...

    FusionCharts几个swf对应的xml格式以及效果

    例如,`&lt;chart&gt;`标签定义了图表的基本属性,如标题、副标题、轴名称等;`&lt;set&gt;`标签则表示每个数据点,包括标签和值。如描述中的例子所示,XML数据结构清晰,易于理解和构建。 在实际应用中,可以通过AJAX将动态...

    FusionCharts free使用手册

    创建一个FusionCharts图表的基本步骤包括:初始化图表对象、定义图表类型、设置图表属性和数据源。 3. **图表类型** FusionCharts支持多种图表类型,如折线图、柱状图、饼图、散点图、仪表盘等。每种图表类型都有...

Global site tag (gtag.js) - Google Analytics