java 使用fusioncharts_[AJava原创]FusionCharts Free中文开发指南[使用文档教程]第七章--FusionCharts Free和XML...

FusionCharts使用XML来创建和控制图形。

数据类型

在FCF里,一共有四种数据类型。

Boolean - 它的值为0或1,1表示true,0表示false。例如。

Number - 它的值应该是一个数值。例如 。

String - 它的值是一个字符串。例如 。

Hex Color Code - 它表示一个16进制的颜色,不需要用“#”。例如。

每个图形都有很多属性,我们都可以通过XML对它进行设置,但是,我们并不需要对每一个属性都进行设置,因为它们都有一个默认值,如果我们没有设置,FCF会使用默认值来替代。

FCF里有几种类型的XML结构:

单系列图形

单系列图形是指只有一个数据集的图形。例如,我们的第一个例子,每月销售情况 ,就是一个单系列图形(我们只有一年的数据)。我们并没有对数据进行比较,例如,比较两年的每月销售情况。

我们看看下面的例子。

1_184212_1.jpg

图片1

4f1150b881333f12a311ae9ef34da474.png

4f1150b881333f12a311ae9ef34da474.pngnumberPrefix='$'decimalPrecision='0'bgcolor='F3f3f3'bgAlpha='70'showColumnShadow='1'     

4f1150b881333f12a311ae9ef34da474.pngdivlinecolor='c5c5c5'divLineAlpha='60'showAlternateHGridColor='1'alternateHGridColor='f8f8f8'   

4f1150b881333f12a311ae9ef34da474.pngalternateHGridAlpha='60'>4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png           

4f1150b881333f12a311ae9ef34da474.png

上面的代码里多了一些我们没接触过的属性,没关系,在图形XML参考一章我们将详细介绍所有的图形可用的属性。

下面进行一下简单的解释

元素是所有FCF XML文档的主元素。它描述数据的开始和结束。它还有一些属性可以控制图形。这些属性我们在图形XML参考一章会讲到。

元素是的子元素,它描述一个数据集,这个数据集决定了图形上的数据。一个典型的元素看起来就像这样:

4f1150b881333f12a311ae9ef34da474.png

元素,它可以在图形上画出一条趋势线。例如,下面的代码里,我们在26000这个值画出了一条线,用来表示月平均销售额。

4f1150b881333f12a311ae9ef34da474.png

多系列图形

多系列图形被用来比较两个或更多的数据集。

我们看看下面的代码。

1_184307_1.jpg

图片1

4f1150b881333f12a311ae9ef34da474.png

4f1150b881333f12a311ae9ef34da474.pngshowValues='0'numberPrefix='$'decimalPrecision='0'bgcolor='F3f3f3'bgAlpha='70'     

4f1150b881333f12a311ae9ef34da474.pngshowColumnShadow='1'divlinecolor='c5c5c5'divLineAlpha='60'showAlternateHGridColor='1'     

4f1150b881333f12a311ae9ef34da474.pngalternateHGridColor='f8f8f8'alternateHGridAlpha='60'>4f1150b881333f12a311ae9ef34da474.png   

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png   

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png   

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png   

4f1150b881333f12a311ae9ef34da474.png   

4f1150b881333f12a311ae9ef34da474.png   

4f1150b881333f12a311ae9ef34da474.png   

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png   

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png   

4f1150b881333f12a311ae9ef34da474.png4f1150b881333f12a311ae9ef34da474.png   

4f1150b881333f12a311ae9ef34da474.png

我们发现,上面多了一个 元素,它包含很多的子元素,如

4f1150b881333f12a311ae9ef34da474.png

每个就表示X轴上的一个名称。

上面还有两个元素,一个用来表示2006年的数据,一个表示2005年。每个则表示图形上的一个数据。

注意的子元素的数量应该和子元素的一致。

下一章我们来看看组合图的XML。

ajava.gif

dza.gif 转载请以连接方式注明来自AJava.org

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值