数据图表级联方法及数据图表级联系统的制作方法
【技术领域】
[0001] 本发明设及数据图表技术，特别设及一种数据图表级联方法及数据图表级联系 统。
【背景技术】
[0002] 为了能够生动优美的将数据图表展现在Web页面上，多种数据图表组件应运而生。 其中包括基于Flash技术的化S ion化arts和Any化也包括使用化vascript技术实现的 化曲charts和E化arts。运些数据图表组件都提供了后台数据选项，包括X轴分类、Y轴标题、 序列数据、图表类型等，用于设置数据图表擅染在Web页面上的外观W及展现的给用户的内 容数据。序列数据是若干个序列列表，每个序列列表包含若干个序列点，每个序列点是一个 由分类值和序列值组成的二元对如，（2014年，256)和(1月，5000)。
[0003] Web页面上有时需要展现若干个有级联关系的数据图表。假设某Web页面上展现了 两个数据图表，名称分别为数据图表1和数据图表2;数据图表1展现了商品A在各个年度的 销售额;数据图表2展现商品A在各个省份的销售额;用户希望在点击数据图表1的某个序列 点（某年度的销售额)时，数据图表2能够展示出该序列点对应的分类值(某年度）的条件下 商品A在各个省份的销售额。
[0004] 在上述例子中，数据图表1和数据图表2构成了级联关系，在Web页面中若干个有级 联关系的数据图表方便了用户更好的观察数据并进行决策。运里数据图表2的序列数据依 赖于用户选择了数据图表1中点击的序列点对应的分类值。为了方便描述，运里将依赖于其 他数据图表的数据图表称之为子图表，将子数据图表依赖的数据图表称之为父图表，将数 据图表简称为图表，将序列点对应的分类值简称为分类值。
[000引在Web页面上设置图表的级联关系，通常需要借助数据图表组件的事件处理机制， 当用户在Web页面上点击父图表的序列点时，在父图表序列点的点击事件处理方法中根据 对应分类值刷新子图表的序列数据并重新擅染子图表。
[0006] 如果Web页面中需要展现的由级联关系的图表较多，那么前端开发人员的工作量 就比较大;再者，刷新子图表的序列数据的过程往往是非常复杂的，经常需要通过SQL或者 MDX之类的查询语言向数据源发起新的查询，运需要前端工程师掌握一定的数据建模与分 析的知识，运通常是不现实和低效的开发方式，且会增加程序出错的可能性。
【发明内容】
[0007] 本发明解决的问题是提供了一种数据图表订阅方法及数据图表订阅系统，便于在 Web页面中快速简洁地新增和修改数据图表。
[0008] 为解决上述问题，本发明实施例提供了一种数据图表级联方法，包括：
[0009] Web页面加载有级联客户端，级联客户端监听已注册图表的序列点的点击事件，从 所述点击事件的信息中获取图表的标识和所点击的序列点对应的分类值；
[0010] 级联客户端根据所述图表的标识查找对应的子图表标识；
[0011] 级联客户端向级联服务器发出序列数据请求；
[0012] 级联服务器向级联客户端发送第一响应信息，所述第一响应信息包括子图表序列 数据列表；
[0013] 级联客户端根据子图表标识和子图表序列数据重新擅染Web页面中的子图表。
[0014] 可选的，还包括；
[0015] Web页面中加载级联客户端；
[0016] Web页面向级联客户端发出图表注册请求；
[0017] 级联客户端将所述图表注册请求包含的要注册的图表的标识加入已注册图表列 表；
[0018] 级联客户端向级联服务器发出级联关系下载请求，所述请求中包括所述已注册图 表的列表；
[0019] 级联客户端接收级联服务器的第二响应信息，所述第二响应信息中包括图表级联 关系的描述信息；
[0020] 级联客户端根据所述描述信息构建级联关系映射表，所述映射表中保存了图表和 对应的子图表列表的对应关系。
[0021 ]可选的，级联客户端接收第二响应信息的具体步骤包括：
[0022] 级联服务器接收级联关系下载请求，提取请求中的已注册图表的列表；
[0023] 级联服务器根据已注册图表的标识在级联数据库中查询已注册图表对应的级联 关系;所述级联关系描述了每个已注册图表和子图表的对应关系；
[0024] 级联服务器向级联客户端发送第二响应信息，所述第二响应信息包括所述图表级 联关系的描述信息。
[0025] 可选的，级联服务器发送第一响应信息具体包括：
[0026] 级联服务器接收级联客户端发出的序列数据请求；
[0027] 从所述序列数据请求中提取图表的标识和分类值；
[0028] 根据所述图表的标识和分类值在级联数据库中获得每个子图表的序列数据；
[0029] 将所述每个子图表的标识和序列数据组合起来，并作为第一响应信息返回给级联 客户端。
[0030] 可选的，生成每个子图表的序列数据具体包括：
[0031] 从所述序列数据请求中提取子图表列表，在级联数据库中查询所述列表中每个子 图表所对应的查询语句；
[0032] 将每个子图表的查询语句和所述过滤条件组合起来并在级联数据库中执行组合 后的查询语句，生成每个子图表的序列数据。
[0033] 本发明实施例还提供了一种数据图表级联系统，包括:级联客户端、级联服务器和 级联数据库；
[0034] 所述级联客户端，用于监听已注册图表的分类值选择事件，向级联服务器请求子 图表的序列数据并重新擅染子图表；
[0035] 所述级联服务器，用于接收级联客户端发出的序列数据请求，向级联数据库获取 子图表序列数据列表，并将获得子图表标识和子图表序列数据给级联客户端；
[0036] 所述级联数据库，用于保存子图表序列数据列表。
[0037] 可选的，所述级联客户端加载在Web页面中。
[0038] 可选的，所述级联客户端还包括:接收的Web页面的图表注册请求，维护已注册图 表的列表，向级联服务器发出级联关系下载请求；
[0039] 所述级联服务器还包括:接收级联客户端的级联关系下载请求，在级联数据库中 查找图表级联关系的描述信息并返回给级联客户端。
[0040] 可选的，所述级联客户端，包括：
[0041] 第一接收单元，用于接收Web页面发出的图表注册请求，或者用于监听图表分类值 选择事件；
[0042] 第一发送单元，用于向级联服务器发送依赖关系下载请求和序列数据请求；
[0043] 数据单元，建立有级联关系映射表，记录级联服务器返回的级联关系描述信息；
[0044] 擅染单元，根据子图表标识和子图表的序列数据重新擅染子图表。
[004引可选的，所述级联服务器装置，包括：
[0046] 第二接收单元，用于接收级联客户端的依赖关系下载请求和序列数据请求；
[0047] 查询单元，用于向级联数据库查询图表级联关系的描述信息、图表的查询语句和 过滤条件；
[0048] 第二发送单元，用于向级联客户端发送图表级联关系的描述信息、子图表标识和 子图表序列数据。
[0049] 与现有技术相比，本技术方案具有W下优点：
[0050] 本发明在Web页面上加载有级联客户端，级联客户端监听已注册图表的序列点的 点击事件，从所述点击事件的信息中获取图表的标识和所点击的序列点对应的分类值;级 联客户端根据所述图表的标识查找对应的子图表标识，并从级联服务器获取子图表序列数 据，级联客户端根据子图表标识和子图表序列数据重新擅染Web页面中的子图表，不需要前 端开发人员事先编程级联关系，简化了 Web页面编程，能够方便的处理数据图表的级联关 系，提高了开发效率，保证了系统的稳定性。
【附图说明】
[0051] 图1是本申请实施例的数据图表级联方法的应用系统架构图；
[0052] 图2是本申请实施例的数据图表级联方法的一个典型的应用场景；
[0053] 图3是本申请实施例的数据图表级联方法中级联客户端加载和图表注册过程的流 程图；
[0054] 图4是本申请实施例的数据图表级联方法中级联服务器响应图表注册请求的流程 图；
[0055] 图5是本申请实施例的数据图表级联方法中级联客户端响应图表分类值选择事件 的流程图；
[0056] 图6是本申请的实施例的数据图表级联方法中级联服务器响应序列数据请求的流 程图；
[0057] 图7是本申请实施例的数据图表级联装置的级联客户端的装置示意图；
[0058] 图8是本申请实施例的数据图表级联装置的级联服务器的装置示意图。
【具体实施方式】
[0059] 下面结合附图，通过具体实施例，对本申请的技术方案进行清楚、完整的描述。
[0060] 本申请所述的数据图表级联方法的应用系统如图1所示。该应用系统中包括浏览 器IOUWeb页面102、级联客户端103、级联服务器104、级联数据库105。
[0061] 图2示出了本申请实施例中所述数据图表级联方法的典型应用场景:在一个Web页 面中，包含父图表20巧日子图表202。父图表201的标识为Chartl，子图表的标识为charts。父 图表201展现了商品A在各个年度的销售额，子图表202展现了商品A在对应年度的各个省份 的销售额，用户在父图表201中点击了2