致力于图形处理和移动开发。
分类: 系统运维
2012-03-05 09:54:44
Anychart图表组合引擎提供了一个非常灵活的方法组合不同类型的图表,你不仅可以组合两个图表,你甚至可以根据你自己的喜好和需求组合多个图表类型。
有两种方法可实现Anychart图表组合:1、与一个数据图组合 2、与dashboard组合。与数据点组合有一定的局限性,因为有些类型的图表可以组合,有些类型的图表不可以组合;而dashboard可以任意图表类型组合。
接下来我们就一起来看看Anychart图表组合的两种方法的具体示例:
一、与一个数据图组合
如果你想在同一个数据图上面显示不同类型的图表,你需要创建多个不同类型的数据序列。
在本示例中,我们将组合柱状图,线形图和气泡图。下表为相关系列的数据,值得注意的是,这三个序列的名称相同。
Type | Column | Line | Bubble | |
---|---|---|---|---|
Values\Argument(s) | Y | Y | Y | Size |
Item A | 90 | 10 | 100 | 10 |
Item B | 75 | 35 | 100 | 20 |
Item C | 50 | 50 | 100 | 30 |
Item D | 35 | 75 | 100 | 40 |
Item E | 10 | 90 | 100 | 50 |
将上面的数据转换为XML:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
将数据保存到AnyChart XML,便可生成如下所示的组合图表:
同时,你还可以根据以下的代码定义图表的方向:
01
当图表与数据图组合时,数据系列可以与不同的轴组合,譬如,下面的例子采用的是与另外一个Y轴组合。
通过下面的代码可配置成另外一个Y轴:
01
02
03
04
05
06
07
你应该通过
01
运用代码后,效果图如下:
二、与dashboard组合
AnyChart 图表的Dashboard 选项允许你组合所有图表类型,实际上是允许你在一个XML中创建多个图表,并指定他们在flash中的显示方式。
根据示例一提供的数据和饼图可生成一个简单的dashboard。效果图如下:
下载Anychart试用版: