FusionCharts使用XML来创建和控制图形。
数据类型
在FCF里,一共有四种数据类型。
Boolean - 它的值为0或1,1表示true,0表示false。例如。
Number - 它的值应该是一个数值。例如 。
String - 它的值是一个字符串。例如 。
Hex Color Code - 它表示一个16进制的颜色,不需要用“#”。例如。
每个图形都有很多属性,我们都可以通过XML对它进行设置,但是,我们并不需要对每一个属性都进行设置,因为它们都有一个默认值,如果我们没有设置,FCF会使用默认值来替代。
FCF里有几种类型的XML结构:
单系列图形
单系列图形是指只有一个数据集的图形。例如,我们的第一个例子,每月销售情况 ,就是一个单系列图形(我们只有一年的数据)。我们并没有对数据进行比较,例如,比较两年的每月销售情况。
我们看看下面的例子。
图片1
numberPrefix='$'decimalPrecision='0'bgcolor='F3f3f3'bgAlpha='70'showColumnShadow='1'
divlinecolor='c5c5c5'divLineAlpha='60'showAlternateHGridColor='1'alternateHGridColor='f8f8f8'
alternateHGridAlpha='60'>
上面的代码里多了一些我们没接触过的属性,没关系,在图形XML参考一章我们将详细介绍所有的图形可用的属性。
下面进行一下简单的解释
元素是所有FCF XML文档的主元素。它描述数据的开始和结束。它还有一些属性可以控制图形。这些属性我们在图形XML参考一章会讲到。
元素是的子元素,它描述一个数据集,这个数据集决定了图形上的数据。一个典型的元素看起来就像这样:
元素,它可以在图形上画出一条趋势线。例如,下面的代码里,我们在26000这个值画出了一条线,用来表示月平均销售额。
多系列图形
多系列图形被用来比较两个或更多的数据集。
我们看看下面的代码。
图片1
showValues='0'numberPrefix='$'decimalPrecision='0'bgcolor='F3f3f3'bgAlpha='70'
showColumnShadow='1'divlinecolor='c5c5c5'divLineAlpha='60'showAlternateHGridColor='1'
alternateHGridColor='f8f8f8'alternateHGridAlpha='60'>
我们发现,上面多了一个 元素,它包含很多的子元素,如
每个就表示X轴上的一个名称。
上面还有两个元素,一个用来表示2006年的数据,一个表示2005年。每个则表示图形上的一个数据。
注意的子元素的数量应该和子元素的一致。
下一章我们来看看组合图的XML。
转载请以连接方式注明来自AJava.org