`
bean-woo
  • 浏览: 131624 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

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轴的名字
图表数量值的限制
* 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标签及属性

    FusionCharts XML标签及属性 FusionCharts XML标签及属性 FusionCharts XML标签及属性

    FusionCharts属性说明及示例

    FusionCharts的所有属性介绍以及示例演示,可以通过修改对应xml来看效果

    FusionCharts_的XML标签属性.pdf

    FusionCharts_的XML标签属性.pdf

    fusionCharts常用属性释义

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

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

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

    FusionCharts Free中文开发指南(最新)-修改版20090424

    描述了如何使用FCF,可以满足日常的图形开发需要。FCF的XML参考分为Single Series Charts、Multi-Series Charts、Stacked Charts等等好几部分,但是对于绝大...这些图形的XML参考都是对一些属性用处的描述,比较简单

    FusionCharts使用介绍.pdf

    1. Fusioncharts 介绍 1 2. 数据接口XML: 1 3. 使用前的准备工作(基于java的Web工程为例): 1 ...7. FusionCharts提供了很多设置chart样式的属性: 10 8. 动态XML生成的chart: 10 9. FusionCharts的优缺点 10

    FusionCharts XT V3.3 破解版

    无水印版 1、Charts文件夹下包含65个文件,含JS文件。 2、可以正常运行演示Gallery中近400个示例。 3、包含Tools文件夹,可以...4、包含完整的FusionCharts XT使用说明文档(E文)各种swf文件的对象属性一览无余!!

    FusionChartsXTV3.31SR2完整破解版

    一、说明: 1、Charts文件夹下包含65个文件,含JS...4、包含完整的FusionCharts XT使用说明文档(E文)各种swf文件的对象属性一览无余!! 二、使用 解压缩之后,直接双击运行文件夹中的index.html即可看到指引菜单。

    FusionCharts参数的详细说明和功能特性

    任何UTF - 8字符现在可以旋转和使用图表从而FusionCharts真正多语言。 选项指定文本价值,可以代替数值是图表上显示的每个数据项 无法加载自定义标识,图表上在预先确定的位置,然后连结相同 选择添加自定义菜单...

    FusionCharts-v3.1破解版

    基于Flash的跨平台图表组件,利用xml与swf文件结合,页面动态输出flash效果; 压缩包里面含有49个swf...FusionCharts中文版使用手册,属性介绍文档,操作文档等。并且还带有FusionWidgets_Trial v3.1破解版多个示例!

    jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】

    (3)引入条状图,设置其属性。 2、设计步骤 (1)设计生成条状图的脚本 $(function(){ var bar2D = new FusionCharts( "FusionCharts/Bar2D.swf", "myChartId", "100%", "540", "0" ); bar2D.setXMLUrl("bar2D....

Global site tag (gtag.js) - Google Analytics