CN109471900A - 图表类数据自定义动作数据交互方法及系统、计算机程序 - Google Patents

Abstract

本发明属于可视化数据处理技术领域，公开了一种图表类数据自定义动作数据交互方法及系统、计算机程序，通过计算分析数据映射关系并返回自定义的图表可视化上并渲染，解决大多可视化的数据不灵活的联动交互关系和较长重复的周期成本，将可视化界面的数据和效果能够自由灵活的组合交互；使用了“伪名替换算法”、“数据交互算法”、“主动发送定义关系型数据”等方案。本发明通过智能算法将对象进一步按照用户操作所编辑的自定义交互行为展示更新的数据内容，渲染到搭建好的图表画布中，并将处理数据的定时或定向的展示渲染成图像，制作成大数据可视化屏幕，从而达到更加丰富和自定义的数据图像化展示效果。

Description

图表类数据自定义动作数据交互方法及系统、计算机程序

技术领域

本发明属于可视化数据处理技术领域，尤其涉及一种图表类数据自定义动作数据交互方法及系统、计算机程序。

背景技术

目前，业内常用的现有技术是这样的：

伴随着大数据时代的到来，数据可视化日益受到关注，数据可视化能够帮助企业从信息中提取知识、从知识中收获价值。大数据可视化技术在国内外政治、经济、社会、文化交流等方面发挥着越来越重要的作用。

但现有的数据可视化大多数需要独立完整的周期性的技术支持才能够完成数据的联动关系和联动渲染，虽然能够完成可视化效果的渲染和数据交互，对于可视化工程的研发会导致数据缺少联动关系、周期较长、成本较大、缺少可视化定制化效果等问题。

综上所述，现有技术存在的问题是：

(1)现有技术中，存在大多可视化的数据不灵活的联动交互关系和较长重复的周期成本，不能将可视化界面的数据和效果自由灵活的组合交互。

(2)对于静态数据交互性能要求不高，因为静态数据交互速度较低，性能要求不高，然而动态数据交互对性能要求会比较高。

(3)在数据交互时可能发生数据信息丢失。

解决上述技术问题的难度和意义：

(1)使数据能够灵活联动交互，缩小重复的周期并能极大的降低成本，让可视化界面组件能自由灵活的组合交互。

(2)提高动态数据交互性能，减少数据呈现时的效果延迟，使其界面效果呈现更加流畅，效果体验更佳。

(3)在数据交互时保证了数据信息的完整性，将数据直观、形象的呈现出来。突出的呈现出数据之间的关联性，使数据的呈现更具有艺术性。

发明内容

针对现有技术存在的问题，本发明提供了一种图表类数据自定义动作数据交互方法及系统、计算机程序。

本发明的实现过程为，一种图表类数据自定义动作数据交互方法，应用于浏览器，所述图表类数据自定义动作数据交互方法包括：

通过数据代理引擎、智能处理平台对数据采集治理；将交互关联后的数据，按照已知关系型渲染方式，生成关系型数据图表类，通过智能算法将对象进一步按照用户操作所编辑的自定义交互行为展示更新的数据内容，渲染到搭建好的图表画布中，并将处理数据的定时或定向的展示渲染成图像，制作成大数据可视化屏幕，进行数据图像化展示。

进一步，所述图表类数据自定义动作数据交互方法具体包括：

创建多个图表Chart内容的动作以及数据关联的可视化环境，通过可视化环境下创建所需图表内容，把自定义图表渲染到画布中，建立创建图表关系网；

根据不同的图表部件，通过指向性(Directivity)的关系布局配置可视化的图表关系，每个图表通过自己的操作事件调用、关联其他图表的各种公开函数，例如Ajax回调函数，若能成功接收图表渲染数据，则返回成功的状态值以作出响应。点击事件函数，当发生点击事件的时候做出响应。正则验证函数，该函数用于验证获取的数据中部分数据格式是否完整和正确。使用以上方法，可以使多对多关系下的图表产生平衡的交互动作关系网；

通过每个关系交互的配置节点保存记忆，根据伪名替换算法，通过配置节点保存的特殊唯一属性，根据此属性将新获取到的数据信息与原数据替换，这样就能使其数据实时地、呈现出最新状况。通过固定的格式解析已关联关系网和所带参数值，根据解析算法获取分析出完整的交互网；再使用数据解析算法置换和匹配到响应的图表，将数据信息赋值给图表呈现出来。根据每个交互网内的节点关系通知图表组件内封装好的加载时对获取数据渲染的函数方法，把数据渲染到图表上。点击事件函数，当发生点击事件的时候做出响应。根据每个交互网内的节点关系通知图表组件内封装好的加载时对获取数据渲染的函数方法，把数据渲染到图表上。使用点击事件函数，当发生点击事件的时候做出响应。然后把解析的数据信息和图表关联起来，产生数据动作关联，在画布内通过组件内的关系发生的影响渲染canvas并绘制渲染效果。使数据更准确，图表更正确，表达的观点更明确，能去除没用的数据，最终使数据更加有说服力。

数据解析算法包括：(1)k均值聚类算法，K-聚类算法从一个目标集中创建多个组，每个组的成员都是比较相似的。该算法具有简易型意味着它通常要比其他的算法更快更有效，尤其是要大量数据集的情况下更是如此。(2)递归算法，它通常把一个大型复杂的问题层层转换为一个原问题相似的规模较小的问题来求解，该算法可以用简单的程序来解决某些复杂的计算问题。(3)二分查找算法，将数组分为三部分，依次是中值(所谓的中值就是数组中间位置的那个值)前，中值，中值后；将要查找的值和数组的中值进行比较，若小于中值则在中值前面找，若大于中值则在中值后面找，等于中值时直接返回。然后依次是一个递归过程，将前半部分或者后半部分继续分解为三部分。该算法比较次数少，查找速度快，平均性能好，占用系统内存较少。

使用以上算法将数据解析并以图表等形式使数据直观、形象的呈现出来。突出的呈现出数据之间的关联性，使数据的呈现更具有艺术性。

进一步，交互影响canvas渲染算法包括：

以矩形点阵的形式存储数据信息，在绘制图形的时候是先绘制图形最底层再绘制最顶层，最终形成完整的图形。通过设置canvas的宽度和高度，让它跟缓存起来的元素大小一致，这样也有利于提高动画性能。使用光线跟踪器、3D引擎渲染器等绘制包含线条、形状、字符、图片等多种类型，并且可以将数据覆盖到屏幕数据之前，以随意代码操作且不影响数据信息的输出。极大地简化了复杂场景和各种类型的绘制，满足实时数据动画的呈现。

本发明的另一目的在于提供一种实现所述图表类数据自定义动作数据交互方法的计算机程序。

本发明的另一目的在于提供一种实现所述图表类数据自定义动作数据交互方法的信息数据处理终端。

本发明的另一目的在于提供一种计算机可读存储介质，包括指令，当其在计算机上运行时，使得计算机执行所述的图表类数据自定义动作数据交互方法。

本发明的另一目的在于提供一种实现所述图表类数据自定义动作数据交互方法的图表类数据自定义动作数据交互系统，所述图表类数据自定义动作数据交互系统包括：

创建图表关系网单元，图表类数据自定义动作数据交互创建多个图表Chart内容的动作以及数据关联的可视化环境，通过可视化环境下创建所需图表内容，把自定义图表渲染到画布中，建立创建图表关系网；

交互动作关系网单元，根据不同的图表部件，通过指向性(Directivity)的关系布局配置可视化的图表关系，每个图表通过自己的操作事件调用、关联其他图表的各种公开函数，使多对多关系下的图表产生平衡的交互动作关系网；

完整的交互网获取单元，通过每个关系交互的配置节点保存记忆，根据伪名替换算法通过配置节点保存的特殊唯一属性，根据此属性将新获取到的数据信息与原数据替换，这样就能使其数据实时地、呈现出最新状况。再使用数据解析算法置换和匹配到响应的图表，将数据信息赋值给图表呈现出来。根据每个交互网内的节点关系通知图表组件内封装好的加载时对获取数据渲染的函数方法，把数据渲染到图表上。点击事件函数，当发生点击事件的时候做出响应。

渲染效果获取单元，根据每个交互网内的节点关系通知图表组件内封装好的动作函数和数据渲染算法产生数据动作关联，在画布内通过组件内的关系发生的影响渲染canvas并绘制渲染效果。

本发明的另一目的在于提供一种搭载有所述图表类数据自定义动作数据交互系统的浏览器中的数据自动交互终端。

本发明的另一目的在于提供一种搭载有所述图表类数据自定义动作数据交互系统的可视化工程交互平台。

综上所述，本发明的优点及积极效果为：

从传统的商业智能产品或报表工具部署周期很长，从设计、研发、部署到交付，往往需要数月甚至更长的时间，也需要为此付出很大精力；例如，对于决策者而言，想要了解业务发展，不得不等待每周或每月的分析报告，这意味决策周期将更加漫长。使用该数据交互方法，可以实时的数据更新，可视化图表会随着业务数据的实时更新而变化，还可以省去了很多重复式的数据准备工作。

本发明通过计算分析数据映射关系并返回自定义的图表可视化上并渲染。该图表交互方法解决了大多可视化的数据不灵活的联动交互关系和较长重复的周期成本，将可视化界面的数据和效果能够自由灵活的组合交互。该方法使用了“伪名替换算法”、“数据交互算法”、“主动发送定义关系型数据”等方案，能很好的解决上述所存在的问题。

本发明在传统可视化数据展示上，引入另外一种数据展示动作交互以及展示数据交互方法，通过数据代理引擎、智能处理平台对数据采集治理，将交互关联后的数据按照图表类生成关系型数据已经关系型渲染方式，通过智能算法将对象进一步按照用户操作所编辑的自定义交互行为展示更新的数据内容，渲染到搭建好的图表画布中，并将处理数据的定时或定向的展示渲染成图像，制作成大数据可视化屏幕，从而达到更加丰富和自定义的数据图像化展示效果。

本发明页可以直接通过eachart的图表封装关系直接渲染改变数据渲染，使用D3也可以实现图像对于数据的动态性和不确定性的变化渲染展示。

附图说明

图1是本发明实施例提供的图表类数据自定义动作数据交互方法流程图；

图2是本发明实施例提供的数据解析算法流程图；

图3是本发明实施例提供的交互影响canvas渲染算法流程图；

图4是本发明实施例提供的图表类数据自定义动作数据交互系统示意图；

图中：1、创建图表关系网单元；2、交互动作关系网单元；3、交互网获取单元；4、渲染效果获取单元。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

本发明通过计算分析数据映射关系并返回自定义的图表可视化上并渲染。该图表交互方法解决了大多可视化的数据不灵活的联动交互关系和较长重复的周期成本，将可视化界面的数据和效果能够自由灵活的组合交互。该方法使用了“伪名替换算法”、“数据交互算法”、“主动发送定义关系型数据”等方案，能很好的解决上述所存在的问题。

如图1所示，本发明实施例提供的图表类数据自定义动作数据交互方法，包括：

图表类数据自定义动作数据交互方法是一套运行在浏览器中的数据自动交互逻辑，可以用它创建图表的各种交互行为和关系网络，能够可视化的展现和创建可编辑型数据关系网。

与传统可视化数据中只能展示单种或已硬定关系展示内容，而自定义交互方法是用户通过个人行为和主观意识能够随意改变场景以及数据关系，由画布(canvas)、交互(interactive)、计算关系网(analysis)、渲染(rendering View)构建而成。

原可视化关系中通常为数据关系，但使用动作数据交互方法能够把数据关系和图像行为动作关系结合起来进行两者同时进行的操作流程。能够使得数据渲染canvas的同时去执行用户自定义的操作行为。

能够使用关系网的解析传递到浏览器的图表中，使得图表中的数据以及图表样式能够主动转化，并且能够使得图表操作关系清晰明确，渲染效果提升到交互渲染层。

最终使数据可视化更加具有主动性、自由性以及数据的灵活传递性。

下面结合具体分析对本发明作进一步描述。

1、为了关联多个图表Chart内容的动作以及数据关联需要创建可视化环境，通过可视化环境下创建所需图表内容，把自定义图表渲染到画布中才建立了创建图表关系网的前置条件。

2、根据不同的图表部件会有该图表部件所对应的函数方法，通过指向性(Directivity)的关系布局来配置可视化的图表关系，每个图表通过自己的操作事件可以调用、关联其他图表的各种公开函数，使得多对多关系下的图表产生平衡的交互动作关系网。

3、通过每个关系交互的配置节点保存记忆，根据“伪名替换算法”、“数据解析算法”来置换和匹配不确定的数据参数以及动作参数。通过固定的格式来解析已关联关系网和所带参数值，根据解析算法来获取分析出完整的交互网。

数据解析算法，如图2。

4、根据每个交互网内的节点关系通知图表组件内封装好的动作函数和数据渲染算法来产生数据动作关联，实现在画布内通过组件内的关系发生的影响渲染canvas并绘制渲染效果。

交互影响canvas渲染算法：如图3。

PlatformGraphicsContext*pgc＝new PlatformGraphicsContext()；

SkBitmap bitmap；

bitmap.setConfig(SkBitmap::kARGB_8888_Config，width，height)；

bitmap.allocPixels()；

bitmap.eraseColor(0)；

Pgc->mCanvas->setBitmapDevice(bitmap)；

GraphicsContext*ctx＝new GraphicsContext(pgc)。

如图4所示，本发明实施例提供一种图表类数据自定义动作数据交互系统包括：

创建图表关系网单元1，图表类数据自定义动作数据交互创建多个图表Chart内容的动作以及数据关联的可视化环境，通过可视化环境下创建所需图表内容，把自定义图表渲染到画布中，建立创建图表关系网；

交互动作关系网单元2，根据不同的图表部件，通过指向性(Directivity)的关系布局配置可视化的图表关系，每个图表通过自己的操作事件调用、关联其他图表的各种公开函数，使多对多关系下的图表产生平衡的交互动作关系网；

完整的交互网获取单元3，通过每个关系交互的配置节点保存记忆，根据伪名替换算法、数据解析算法置换和匹配不确定的数据参数以及动作参数；通过固定的格式解析已关联关系网和所带参数值，根据解析算法获取分析出完整的交互网；

渲染效果获取单元4，根据每个交互网内的节点关系通知图表组件内封装好的动作函数和数据渲染算法产生数据动作关联，在画布内通过组件内的关系发生的影响渲染canvas并绘制渲染效果。

对于使用图表类数据自定义动作数据交互方法来说，人脑对视觉信息的处理要比书面信息容易得多。使用图表来总结复杂的数据，可以确保对关系的理解要比那些混乱的报告或电子表格更快。这提供了一种非常清晰的沟通方式，能够更快地理解和处理他们的信息。此方法可以提供实时信息，通过实时变化的图表数据信息，可以对事物做出调整和对新机会的快速识别。同时此方法大量数据文档转换为各种图表类型，可以通过不同的交互元素，轻松地解释各种不同的数据源。使用丰富但有意义的图形展现出各种数据信息的实时变化及其之间的关联。

本发明实施例提供的图表类数据自定义动作数据交互方法具体包括：

创建多个图表Chart内容的动作以及数据关联的可视化环境，通过可视化环境下创建所需图表内容，把自定义图表渲染到画布中，建立创建图表关系网；

根据不同的图表部件，通过指向性(Directivity)的关系布局配置可视化的图表关系，每个图表通过自己的操作事件调用、关联其他图表的各种公开函数，例如Ajax回调函数，若能成功接收图表渲染数据，则返回成功的状态值以作出响应。点击事件函数，当发生点击事件的时候做出响应。正则验证函数，该函数用于验证获取的数据中部分数据格式是否完整和正确。使用以上方法，可以使多对多关系下的图表产生平衡的交互动作关系网；

通过每个关系交互的配置节点保存记忆，根据伪名替换算法，通过配置节点保存的特殊唯一属性，根据此属性将新获取到的数据信息与原数据替换，这样就能使其数据实时地、呈现出最新状况。通过固定的格式解析已关联关系网和所带参数值，根据解析算法获取分析出完整的交互网；再使用数据解析算法置换和匹配到响应的图表，将数据信息赋值给图表呈现出来。根据每个交互网内的节点关系通知图表组件内封装好的加载时对获取数据渲染的函数方法，把数据渲染到图表上。点击事件函数，当发生点击事件的时候做出响应。根据每个交互网内的节点关系通知图表组件内封装好的加载时对获取数据渲染的函数方法，把数据渲染到图表上。使用点击事件函数，当发生点击事件的时候做出响应。然后把解析的数据信息和图表关联起来，产生数据动作关联，在画布内通过组件内的关系发生的影响渲染canvas并绘制渲染效果。使数据更准确，图表更正确，表达的观点更明确，能去除没用的数据，最终使数据更加有说服力。

数据解析算法包括：(1)k均值聚类算法，K-聚类算法从一个目标集中创建多个组，每个组的成员都是比较相似的。该算法具有简易型意味着它通常要比其他的算法更快更有效，尤其是要大量数据集的情况下更是如此。(2)递归算法，它通常把一个大型复杂的问题层层转换为一个原问题相似的规模较小的问题来求解，该算法可以用简单的程序来解决某些复杂的计算问题。(3)二分查找算法，将数组分为三部分，依次是中值(所谓的中值就是数组中间位置的那个值)前，中值，中值后；将要查找的值和数组的中值进行比较，若小于中值则在中值前面找，若大于中值则在中值后面找，等于中值时直接返回。然后依次是一个递归过程，将前半部分或者后半部分继续分解为三部分。该算法比较次数少，查找速度快，平均性能好，占用系统内存较少。

使用以上算法将数据解析并以图表等形式使数据直观、形象的呈现出来。突出的呈现出数据之间的关联性，使数据的呈现更具有艺术性。

进一步，交互影响canvas渲染算法包括：

以矩形点阵的形式存储数据信息，在绘制图形的时候是先绘制图形最底层再绘制最顶层，最终形成完整的图形。通过设置canvas的宽度和高度，让它跟缓存起来的元素大小一致，这样也有利于提高动画性能。使用光线跟踪器、3D引擎渲染器等绘制包含线条、形状、字符、图片等多种类型，并且可以将数据覆盖到屏幕数据之前，以随意代码操作且不影响数据信息的输出。极大地简化了复杂场景和各种类型的绘制，满足实时数据动画的呈现。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用全部或部分地以计算机程序产品的形式实现，所述计算机程序产品包括一个或多个计算机指令。在计算机上加载或执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输)。所述计算机可读取存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘SolidState Disk(SSD))等。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种图表类数据自定义动作数据交互方法，应用于浏览器，其特征在于，所述图表类数据自定义动作数据交互方法包括：

通过数据代理引擎、智能处理平台对数据采集治理；将交互关联后的数据，按照已知关系型渲染方式，生成关系型数据图表类，通过智能算法将对象进一步按照用户操作所编辑的自定义交互行为展示更新的数据内容，渲染到搭建好的图表画布中，并将处理数据的定时或定向的展示渲染成图像，制作成大数据可视化屏幕，进行数据图像化展示。

2.如权利要求1所述的图表类数据自定义动作数据交互方法，其特征在于，所述图表类数据自定义动作数据交互方法具体包括：

创建多个图表Chart内容的动作以及数据关联的可视化环境，通过可视化环境下创建所需图表内容，把自定义图表渲染到画布中，建立创建图表关系网；

根据不同的图表部件，通过指向性的关系布局配置可视化的图表关系，每个图表通过自己的操作事件调用、关联其他图表的各种公开函数；

通过每个关系交互的配置节点保存记忆，根据伪名替换算法，通过配置节点保存的特殊唯一属性，根据此属性将新获取到的数据信息与原数据替换，这样就能使其数据实时地、呈现出最新状况；通过固定的格式解析已关联关系网和所带参数值，根据解析算法获取分析出完整的交互网；再使用数据解析算法置换和匹配到响应的图表，将数据信息赋值给图表呈现出来；根据每个交互网内的节点关系通知图表组件内封装好的加载时对获取数据渲染的函数方法，把数据渲染到图表上；使用点击事件函数，当发生点击事件的时候做出响应；然后把解析的数据信息和图表关联起来，产生数据动作关联，在画布内通过组件内的关系发生的影响渲染canvas并绘制渲染效果。

3.如权利要求2所述的图表类数据自定义动作数据交互方法，其特征在于，数据解析算法包括：(1)k均值聚类算法，K-聚类算法从一个目标集中创建多个组；(2)递归算法，把一个大型复杂的问题层层转换为一个原问题相似的规模较小的问题来求解；(3)二分查找算法，将数组分为三部分，依次是中值前，中值，中值后；将要查找的值和数组的中值进行比较，若小于中值则在中值前面找，若大于中值则在中值后面找，等于中值时直接返回；然后依次是一个递归过程，将前半部分或者后半部分继续分解为三部分。

4.如权利要求2所述的图表类数据自定义动作数据交互方法，其特征在于，交互影响canvas渲染算法包括：

以矩形点阵的形式存储数据信息，在绘制图形的时候是先绘制图形最底层再绘制最顶层，最终形成完整的图形。

5.一种实现权利要求1～4任意一项所述图表类数据自定义动作数据交互方法的计算机程序。

6.一种实现权利要求1～4任意一项所述图表类数据自定义动作数据交互方法的信息数据处理终端。

7.一种计算机可读存储介质，包括指令，当其在计算机上运行时，使得计算机执行如权利要求1-4任意一项所述的图表类数据自定义动作数据交互方法。

8.一种实现权利要求1所述图表类数据自定义动作数据交互方法的图表类数据自定义动作数据交互系统，其特征在于，所述图表类数据自定义动作数据交互系统包括：

创建图表关系网单元，图表类数据自定义动作数据交互创建多个图表Chart内容的动作以及数据关联的可视化环境，通过可视化环境下创建所需图表内容，把自定义图表渲染到画布中，建立创建图表关系网；

交互动作关系网单元，根据不同的图表部件，通过指向性的关系布局配置可视化的图表关系，每个图表通过自己的操作事件调用、关联其他图表的各种公开函数，使多对多关系下的图表产生平衡的交互动作关系网；

完整的交互网获取单元，通过每个关系交互的配置节点保存记忆，根据伪名替换算法通过配置节点保存的特殊唯一属性，根据此属性将新获取到的数据信息与原数据替换；使用数据解析算法置换和匹配到响应的图表，将数据信息赋值给图表呈现出来；根据每个交互网内的节点关系通知图表组件内封装好的加载时对获取数据渲染的函数方法，把数据渲染到图表上；点击事件函数，当发生点击事件的时候做出响应。

渲染效果获取单元，根据每个交互网内的节点关系通知图表组件内封装好的动作函数和数据渲染算法产生数据动作关联，在画布内通过组件内的关系发生的影响渲染canvas并绘制渲染效果。

9.一种搭载有权利要求8所述图表类数据自定义动作数据交互系统的浏览器中的数据自动交互终端。

10.一种搭载有权利要求8所述图表类数据自定义动作数据交互系统的可视化工程交互平台。