Chinaunix首页 | 论坛 | 博客
  • 博客访问: 410047
  • 博文数量: 159
  • 博客积分: 372
  • 博客等级: 一等列兵
  • 技术积分: 1693
  • 用 户 组: 普通用户
  • 注册时间: 2012-01-13 17:05
个人简介

致力于图形处理和移动开发。

文章分类

全部博文(159)

文章存档

2014年(77)

2013年(67)

2012年(15)

我的朋友

分类: 系统运维

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,便可生成如下所示的组合图表:

   Anychart,图表,Anychart图表,图表组合,flash图表,Dashboard

  同时,你还可以根据以下的代码定义图表的方向:

  01

Anychart,图表,Anychart图表,图表组合,flash图表,Dashboard

  当图表与数据图组合时,数据系列可以与不同的轴组合,譬如,下面的例子采用的是与另外一个Y轴组合。

  通过下面的代码可配置成另外一个Y轴:

  01
02
03
04
05

06

07

  你应该通过节点的Y轴属性将bar series 绑定到Y轴。

  01

  运用代码后,效果图如下:

   Anychart,图表,Anychart图表,图表组合,flash图表,Dashboard

  二、与dashboard组合

  AnyChart 图表的Dashboard 选项允许你组合所有图表类型,实际上是允许你在一个XML中创建多个图表,并指定他们在flash中的显示方式。

  根据示例一提供的数据和饼图可生成一个简单的dashboard。效果图如下:

Anychart,图表,Anychart图表,图表组合,flash图表,Dashboard

下载Anychart试用版



阅读(829) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~