FusionCharts 的XML标签属性
FusionCharts 的 XML标签属性有一下四种数据类型
* Boolean - 布尔类型,只能为1或者0。例如:<graph showNames=’1′ >
* Number - 数字类型,只能为数字。例如:<graph yAxisMaxValue=’200′ >
* String - 字符串类型,只能为字符串。例如: <graph caption=’My Chart’ >
* Hex Color Code - 十六进制颜色代码,前边没有’#’.例如: <graph bgColor=’FFFFDD’ >
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轴的名字
* rotateYAxisName='0' : 设置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″ …>
分享到:
相关推荐
让我们深入探讨一下FusionCharts的XML标签和属性。 1. **XML结构概述** FusionCharts的XML文档遵循一定的结构,主要由`<chart>`根元素组成,包含了图表的基本设置。然后是各种子元素,如`<set>`用于定义数据集,`...
本文将深入探讨FusionCharts的XML标签属性,这些属性对于创建专业且美观的图表至关重要。 首先,我们关注图表的背景设置。`bgColor`属性允许您设定Flash组件的背景颜色,而`bgAlpha`控制背景的透明度,其值范围是从...
下面详细介绍FusionCharts中一些重要的XML标签属性及其知识点。 首先是关于图表背景设置的属性: - `bgColor`:用于设置图表背景颜色,使用十六进制颜色代码(HexColorCode)来指定。 - `bgAlpha`:用于设置图表...
FusionCharts XML说明主要涵盖了如何利用各种图表属性来定制我们的图表。 首先,我们可以调整图表的外观,如颜色、字体等。这包括改变图表的背景色、文字样式等,使图表符合我们设计的整体风格。例如,通过设置`...
在FusionCharts中,可以通过设置属性实现波动效果,如动画效果、平滑曲线等,以增强图表的吸引力和理解性。波动效果通常通过调整数据点之间的连接方式或添加随机抖动来实现,使数据的变化看起来更动态。 **使用...
FusionCharts支持多种类型的XML标签属性,用于定义图表的不同方面。以下列出了四种基本的数据类型: 1. **Boolean** - 布尔类型:只接受`1`或`0`作为值。例如,`<graph showNames='1'>`。 2. **Number** - 数字类型...
5. **配置Xstream**: Xstream允许我们自定义XML输出的格式,比如命名空间、字段标签名等。为了使生成的XML符合FusionCharts的预期,可能需要调整这些设置。 6. **发送XML数据给FusionCharts**: 最后,我们需要将...
FusionCharts同样支持XML格式的数据输入,与JSON类似,通过XML文档结构定义图表属性和数据。 5. **教程内容** 教程可能涵盖以下内容: - 控件的基本使用:如何在网页中嵌入FusionCharts控件。 - 数据源绑定:...
这可以通过使用`<FusionCharts>`标签并设置`dataSource`属性来完成: ```html <script type="text/javascript" src="FusionCharts/FusionCharts.js"> <div id="chartContainer"></div> var chart = new ...
3. **图表属性**:了解如何配置图表的标题、副标题、图例、数据标签、工具提示等属性,以满足个性化需求。 4. **交互功能**:掌握如何实现图表的交互,如点击事件、鼠标悬停效果、数据钻取等。 5. **API与事件**:...
FusionCharts是一款强大的图表库,它允许开发者通过XML数据和JavaScript来创建交互式的、丰富的图表。本教程将详细讲解如何利用XML配置来制作FusionCharts报表。 一、FusionCharts概述 FusionCharts是一款基于Web的...
我上传了fusioncharts的开发文档,还可以在contents、gallery等文件夹下面使用IE打开html文件,查看图形实例,根据自己需要查看相关的XML文件,获得其生成图例的xml的dataset形式。 在压缩包内,还有我在开发过程...
FusionCharts的XML标签属性支持四种数据类型,其中包括: 1. **Boolean** - 表示布尔值,通常用1或0表示真或假,如`showNames=’1’`用于开启或关闭图例显示。 2. **String** - 字符串类型,常用于设置图表的标题、...
2. **创建图表对象**:使用JavaScript创建FusionCharts对象,并设置图表的基本属性,如类型、宽度、高度、标题、数据源等。 3. **加载数据**:数据可以是内联的JSON字符串,也可以是从服务器异步获取的。如果你选择...
`FusionCharts.UpdateXMLAttribute`这个文件名可能是指一个函数或方法,用于更新图表的XML数据源中的特定属性。在FusionCharts的工作流程中,数据通常以XML或JSON格式提供,这些数据源定义了图表的结构、样式以及...
在FusionCharts中,XML数据可以定义图表的各种属性,如标题、数据系列、标签等,并且可以通过JavaScript库动态加载。 总的来说,FusionCharts v3是一个强大的数据可视化解决方案,它结合了JavaScript和Flash技术,...
例如,`<chart>`标签定义了图表的基本属性,如标题、副标题、轴名称等;`<set>`标签则表示每个数据点,包括标签和值。如描述中的例子所示,XML数据结构清晰,易于理解和构建。 在实际应用中,可以通过AJAX将动态...
创建一个FusionCharts图表的基本步骤包括:初始化图表对象、定义图表类型、设置图表属性和数据源。 3. **图表类型** FusionCharts支持多种图表类型,如折线图、柱状图、饼图、散点图、仪表盘等。每种图表类型都有...