CN107562710B - 一种图表处理装置及方法 - Google Patents

Abstract

本发明提供一种图表处理方法及装置，其中，该方法包括：响应用户输入的制作图表请求在第一区域显示至少一个图表模板图片；识别被用户选择的图表模板图片，随机生成一组演示数据记录，在第二区域显示生成的对应的演示图表；读取数据源中的数据记录以生成虚拟数据列表；根据被用户拖动到第二区域的数据属性标签，将对应的数值载入以生成实际图表，并在第二区域显示实际图表。本发明无需会复杂的绘图工具操作或专业的编程，只需拖拽、点击等动作即可完成图表的绘制，简化的绘制图表的复杂度。

Description

一种图表处理装置及方法

技术领域

本发明涉及数据处理技术领域，尤其是涉及一种图表处理装置及方法。

背景技术

图表作为一种直观、形象的数据体现形式，在各种数据统计中有着极为广泛的应用，现有的图表处理系统都是直接根据用户输出的数据源，生成统计图表，这种方案的缺点是对于用户来说，数据输入和生成图表两部分关联不明显，不易掌握。用户需要先按照一定的规则在数据输入区域输入数据源，然后再选中数据源所在的区域，生成对应的图表，这样的操作繁琐。

发明内容

为了解决上述技术问题，本发明提供一种图表处理装置及方法，用于解决现有技术中的数据分析生成报表方式效率低下的问题。

为解决上述技术问题，本发明提供的一个技术方案是：提供一种图表处理方法，包括：响应用户输入的制作图表请求生成第一区域，并在所述第一区域显示至少一个图表模板图片；识别被用户选择的图表模板图片，随机生成一组演示数据记录，根据所述演示数据记录生成对应的演示图表，并将所述演示图表在生成的第二区域中显示出来；读取数据源中的数据记录，将所述数据记录转换为对应的虚拟数据，并在第三区域中显示用于记录虚拟数据的虚拟数据列表；其中，所述虚拟数据由数据属性标签和数值构成，所述虚拟数据列表按照数据属性标签分类显示对应的数值；以及根据被用户拖动到第二区域的数据属性标签，将所述数据属性标签对应的数值载入以生成与所述数据记录对应的实际图表，并将所述实际图表在所述第二区域中显示出来。

其中，所述识别被用户选择的图表模板图片，随机生成一组演示数据记录，根据所述演示数据记录生成对应的演示图表，并将所述演示图表在生成的第二区域中显示出来之后，所述方法还包括：识别用户在所述演示图表的点击位置，以生成数据输入区域；根据用户在所述数据输入区域中输入的数值，调整所述点击位置在所述演示图表中的实际位置以生成对应的实际图表，并将所述实际图表在所述第二区域中显示出来。

其中，所述识别被用户选择的图表模板图片，随机生成一组演示数据记录，根据所述演示数据记录生成对应的演示图表，并将所述演示图表在生成的第二区域中显示出来之后，所述方法还包括：根据用户输入的图表编辑操作生成第四区域，在所述第四区域显示与演示图表对应的数据属性标签和数值输入区域，并根据用户在所述第四区域的输入相应地调整所述演示图表以生成实际图表，并将所述实际图表在所述第二区域中显示出来。

其中，还包括：将所述实际图表与数据记录进行关系映射绑定，并保存起来。

其中，所述第一区域和所述第二区域在用户输入制作图表请求时同时显示，并且彼此不重叠；所述第三区域与所述第二区域彼此不重叠。

本发明采用的另一个技术方案是：提供一种图表处理装置，包括：图表模板生成单元，用于响应用户输入的制作图表请求显示第一区域，并在所述第一区域显示至少一个图表模板图片；演示图表生成单元，用于根据被用户选择的图表模板图片随机生成一组演示数据记录，并根据所述演示数据记录生成对应的演示图表，将所述演示图表在生成的第二区域中显示出来；图表编辑单元，用于读取数据源中的数据记录，并将所述数据记录转换为对应的虚拟数据，并在生成的第三区域中显示记录所述虚拟数据的虚拟数据列表；其中，所述虚拟数据由数据属性标签与数值构成，所述虚拟数据列表用于按照数据属性分类记录对应的数值；以及实际图表生成单元，用于根据被用户拖动到所述第二区域的数据属性标签，以将所述数据属性标签对应的数值载入，以生成与所述数据记录对应的实际图表，并将所述实际图表在所述第二区域中显示出来。

其中，所述实际图表生成单元还用于：识别用户在所述演示图表的点击位置，以生成数据输入区域；根据用户在所述数据输入区域中输入的数值，调整所述点击位置在所述演示图表中的实际位置以生成对应的实际图表，并将所述实际图表在所述第二区域中显示出来。

其中，所述实际图表生成单元还用于：响应用户输入的图表编辑操作生成第四区域，并在所述第四区域中显示与所述演示图表对应的数据属性标签和数值输入区域，以根据用户在所述第四区域输入的数值相应地调整所述演示图表以生成实际图表，将所述实际图表在所述第二区域中显示出来。

其中，还包括图表记录单元，用于将所述实际图表与数据记录进行关系映射绑定，并保存起来。

其中，所述第一区域和所述第二区域在用户输入制作图表请求时同时显示，并且彼此不重叠；所述第三区域与所述第二区域彼此不重叠。

本发明实施方式的有益效果是：区别于现有技术的情况，本发明的实施方式中，根据用户选择生成一演示图表，并调入数据记录后生成对应的实际图表，通过本发明，用户无需会复杂的绘图工具操作或专业的编程，只需拖拽、点击等动作即可完成图表的绘制，简化的绘制图表的复杂度，用户绘制过的所有图表都可以以图片形式保存在本地在报告中使用，也可以保存在云端，随时随地可以获取使用。

附图说明

图1为本发明第一实施方式中的图表处理方法的流程示意图；

图2为本发明实施方式中的图表制作的第一状态示意图；

图3为本发明实施方式中的图表制作的第二状态示意图；

图4为本发明实施方式中的图表制作的第三状态示意图；

图5为本发明第二实施方式中的图表处理方法的流程示意图；

图6为本发明第三实施方式中的图表处理方法的流程示意图；

图7为本发明实施方式中的图表制作的第四状态示意图；

图8为本发明第四实施方式中的图表处理方法的流程示意图；

图9为本发明实施方式中的图表制作的第五状态示意图；

图10为本发明第一实施方式中的图表处理装置的功能模块示意图；

图11为本发明第二实施方式中的图表处理装置的功能模块示意图；

图12为本发明第三实施方式中的图表处理装置的功能模块示意图。

具体实施方式

为详细说明本发明的技术内容、所实现目的及效果，以下结合实施方式并配合附图予以说明。

请参阅图1，为本发明第一实施方式中图表处理方法的流程示意图，该方法包括：

步骤S10，响应用户输入的制作图表请求生成第一区域，并在该第一区域显示至少一个图表模板图片。

步骤S11，识别被用户选择的图表模板图片，随机生成一组演示数据记录，根据该演示数据记录生成对应的演示图表，并将该演示图表在生成的第二区域中显示出来。

在一实施方式中，第一区域和第二区域在用户输入制作图表请求时同时显示，并且彼此不重叠。在另一实施方式中，在用户输入制作图表请求时显示第一区域，在用户选择一图表模板图片后再显示第二区域，其中，第二区域的显示方式可以是如下3种方式：

1、第一区域消失，显示第二区域；

2、第一区域不动，第二区域叠加地显示在第一区域上，且第二区域的面积小于第一区域的面积；

3、第一区域的面积缩小，并移动至用户界面的上、下、左、右等任意位置，第二区域在空白的区域显示出来。下面将以第3种方式，对本实施方式的图表生成状态进行举例说明。

请同时参阅图2，为本发明实施方式中图表制作的第一状态示意图。其中，在用户界面上同时显示第一区域20和第二区域21，第一区域20中显示4个图表模板图片，依次为22a、22b、22c和22d。当用户选择了图表模板图片22b(柱形图)后，在第二区域21中显示了该图表模板图片22b对应的演示图表，且形成该演示图表的数据基础是一组随机的数据记录。具体地址，预先保存了一组或多组数据记录，并在生成演示图表时随机调用一组数据记录。

步骤S12，读取数据源中的数据记录，将该数据记录转换为对应的虚拟数据列表，并在第三区域中显示出来。

其中，该虚拟数据由数据属性标签和数值构成，该虚拟数据列表按照数据属性标签分类显示对应的数值。并且，数据属性标签具有可拖动性，能够移动。

具体地，调用预先保存的数据源以获取数据记录，并对这些数据记录进行识别和处理，即，提取每个数据的数据属性标签和数值，并按照数据属性标签分类显示对应的数值。

其中，数据源可以是保存了数据记录的excel文件、csv文件等。

步骤S13，根据被用户拖动到第二区域中的数据属性标签，将该数据属性标签对应的数值载入以生成与数据记录对应的实际图表，并将该实际图表在第二区域中显示出来。

在一实施方式中，第三区域在用户调入数据记录时显示，并与第二区域彼此不重叠。在另一实施方式中，在用户调入数据记录时，第三区域以浮动窗口的形式显示在第二区域的上方。下面将以第二区域和第三区域同时彼此不重叠的方式显示，对本实施方式的图表生成状态进行举例说明。

请参阅图3，为本发明实施方式中图表制作的第二状态示意图。其中，在用户界面上同时显示第二区域31和第三区域33。在本实施方式中，调入的数据记录为“李华”和“苏荷”两人全年12个月的销售记录。

具体地，对该数据记录进行处理，提取出数据属性标签“月份”和“姓名”，数值为具体的销售额，形成虚拟数据，并按照数据属性标签进行分类显示，如图所示。

当拖动属性标签“李华”时，其对应的数值将会自动载入演示图表中，并根据数据属性标签和数值修改演示图表中对应数据属性标签的数值，从而形成实际图表，具体地，拖动“李华”时，数值“10”自动载入以修改“一月份”对应的数值，以此类推最终形成实际图表，如图4所示。

另外地，还可以拖动属性标签“一月份”，其对应的数值“10”和“23”自动载入以修改“李华”和“苏荷”对应的数值，以此类推形成实际图表。

具体地，通过调用HTML5的拖拽特性实现数据与图形的双向绑定和修改。

进一步地，当生成虚拟数据列表时，用户还可以对该虚拟数据列表中的数据进行检查、编辑，实现数据修改和调整。

进一步地，请再次参阅图2，在用户界面上还显示虚拟数据编辑标签23，用户通过对该虚拟数据编辑标签23的点击操作进行第三区域的显示和隐藏。在一实施方式中，当用户调入数据记录的同时会自动显示第三区域，并在需要隐藏该第三区域时点击该虚拟数据编辑标签23，从而使第三区域隐藏起来。在另一实施方式中，用户还可以先点击虚拟数据编辑标签23以显示第三区域，并在第三区域中进行数据记录的输入，或者调用数据记录以在第三区域中显示出来，供用户编辑修改或者拖动到演示图表中。

请参阅图5，为本发明第二实施方式中图表处理方法的流程示意图，该方法包括：

步骤S40，响应用户输入的制作图表请求生成第一区域，并在该第一区域显示至少一个图表模板图片。

步骤S41，识别被用户选择的图表模板图片，随机生成一组演示数据记录，根据该演示数据记录生成对应的演示图表，并将该演示图表在生成的第二区域中显示出来。

步骤S42，根据用户在演示图表中的点击位置生成数据输入区域。

步骤S43，根据用户在数据输入区域中输入的数值，调整点击位置在演示图表中的实际位置以生成对应的实际图表，并将该实际图表在第二区域中显示出来。

具体地，在点击位置输入实际数值后，调用JavaScript对浏览器DOM进行操作编辑数据，从而调整该点击位置在演示图表中的位置。

请参阅图6，为本发明第三实施方式中图表处理方法的流程示意图，该方法包括：

步骤S50，响应用户输入的制作图表请求生成第一区域，并在该第一区域显示至少一个图表模板图片。

步骤S51，识别被用户选择的图表模板图片，随机生成一组演示数据记录，根据该演示数据记录生成对应的演示图表，并将该演示图表在生成的第二区域中显示出来。

步骤S52，响应用户输入的图表编辑操作生成显示与演示图表对应的数据属性标签和数值输入区域的第四区域，并根据用户在该第四区域的输入相应地调整演示图表以生成实际图表，并将该实际图表在第二区域中显示出来。

请同时参阅图7，为本发明实施方式中图表制作的第四状态示意图。请再次参阅图2，在本实施方式中，在显示演示图表的同时还显示一图表编辑标签24，在用户界面上还显示该图表编辑标签24，用户通过点击该图表编辑标签24使界面切换至如图7所示的界面，即，同时显示第二区域和第四区域。

在一实施方式中，第四区域与第二区域同时显示并彼此不重叠。在另一实施方式中，在用户点击图表编辑标签24时，第四区域以浮动窗口的形式显示在第二区域的上方。

在第四区域中，用户可以对数据属性标签进行编辑，还可以在数据属性标签对应的数值输入区域中输入数值，显示在第二区域中的演示图表根据编辑的数据属性标签以及输入的数值进行相应的调整，从而生成实际图表。

进一步地，当数据输入完成或需要其他数据输入方式时，不需要显示该第四区域，用户通过再次点击该图表编辑标签24从而隐藏第四区域，使得第二区域布满整个用户界面，即，显示如图7所示的界面。

请参阅图8，为本发明第四实施方式中图表处理方法的流程示意图，步骤13之后，即，根据被用户拖动到第二区域中的数据属性标签，将该数据属性标签对应的数值载入以生成与数据记录对应的实际图表，并将该实际图表在第二区域中显示出来，该方法还包括：

步骤S84，将实际图表与数据记录进行关系映射绑定，并保存起来。

具体地，该实际图表保存在服务器或本地。该实际图表以图片的形式与绑定的数据共同保存在服务器或本地。

当用户需要时，通过登录服务器或本地以获取该实际图表，以及与该实际图表对应的数据记录文件。具体地，用户登录后，通过Ajax与服务器进行通信以获取实际图表，同时获取对应的数据记录文件(excel文件等)。

在其他实施方式中，步骤S84还可以在步骤43、步骤S52之后，即，在生成实际图表之后。

进一步地，请再次参阅图2，在用户界面上还显示样式设置标签25，用户通过点击该样式设置标签25显示或隐藏第五区域，请参阅图9，其中，该第五区域用于显示实际图表的样式属性及数值，用户通过对样式属性的数值的修改进行图表样式的修改和编辑。

进一步地，如上所述的用户指令，如，制作图表请求、读取数据源中的数据记录、输入数值等，还可以通过语音指令的输入方式进行指令的输入，以根据识别出来的指令执行相应的功能。

请参阅图10，为本发明第一实施方式中的一种图表处理装置的功能模块示意图。该图表处理装置90可以是运行在服务器、计算机或移动终端上的浏览器程序，用于进行图表制作。该图表处理装置90包括：

图表模板生成单元91，用于响应用户输入的制作图表请求生成第一区域，并在该第一区域显示至少一个图表模板图片。

演示图表生成单元92，用于根据被用户选择的图表模板图片随机生成一组演示数据记录，根据该演示数据记录生成对应的演示图表，并将该演示图表在生成的第二区域中显示出来。

在一实施方式中，第一区域和第二区域在用户输入制作图表请求时同时显示，并且彼此不重叠。在另一实施方式中，在用户输入制作图表请求时显示第一区域，在用户选择一图表模板图片后再显示第二区域，其中，第二区域的显示方式可以是如下3种方式：

1、第一区域消失，显示第二区域；

2、第一区域不动，第二区域叠加地显示在第一区域上，且第二区域的面积小于第一区域的面积；

3、第一区域的面积缩小，并移动至用户界面的上、下、左、右等任意位置，第二区域在空白的区域显示出来。

图表编辑单元93，用于读取数据源中的数据记录，将该数据记录转换为对应的虚拟数据，并在生成第三区域中显示记录该虚拟数据的虚拟数据列表。

其中，该虚拟数据由数据属性标签和数值构成，该虚拟数据列表按照数据属性标签分类显示对应的数值。并且，数据属性标签具有可拖动性，能够移动。

具体地，调用预先保存的数据源以获取数据记录，并对这些数据记录进行识别和处理，即，提取每个数据的数据属性标签和数值，并按照数据属性标签分类显示对应的数值。

其中，数据源可以是保存了数据记录的excel文件、csv文件等。

实际图表生成单元94，用于根据被用户拖动到第二区域中的数据属性标签，将该数据属性标签对应的数值载入以生成与数据记录对应的实际图表，并将该实际图表在第二区域中显示出来。

在一实施方式中，第三区域在用户调入数据记录时显示，并与第二区域彼此不重叠。在另一实施方式中，在用户调入数据记录时，第三区域以浮动窗口的形式显示在第二区域的上方。

进一步地，该实际图表生成单元94还用于识别用户在演示图表的点击位置，以生成数据输入区域，并根据用户在数据输入区域中输入的数据数值，调整点击位置在演示图表中的实际位置以生成对应的实际图表，并将该实际图表在第二区域中显示出来。

具体地，在点击位置输入实际数值后，调用JavaScript对浏览器DOM进行操作编辑数据，从而调整该点击位置在演示图表中的位置。

进一步地，该实际图表生成单元94还用于响应用户输入的图表编辑操作生成显示与演示图表对应的数据属性标签和数值输入区域的第四区域，并根据用户在该第四区域输入的数值相应地调整演示图表以生成实际图表，并将该实际图表在第二区域中显示出来。

请参阅图11，为本发明第二实施方式中的一种图表处理装置的功能模块示意图。该图表处理装置100还包括图表记录单元105，用于将实际图表与数据记录进行关系映射绑定，并保存起来。

具体地，该实际图表保存在服务器或本地。

当用户需要时，通过登录服务器或本地以获取该实际图表，以及与该实际图表对应的数据记录文件。具体地，用户登录后，通过Ajax与服务器进行通信以获取实际图表，同时获取对应的数据记录文件(excel文件等)。

请参阅图12，为本发明第三实施方式中的一种图表处理装置的功能模块示意图。该图表处理装置110还包括语音识别单元116，用于识别用户输入的语音指令，用户输入的语音指令可以包括诸如，制作图表请求、读取数据源中的数据记录、输入数值等，以实现根据识别出来的指令执行相应的功能。

本发明实施方式的有益效果是：区别于现有技术的情况，本发明的实施方式中，根据用户选择生成一演示图表，并调入数据记录后生成对应的实际图表，通过本发明，用户无需会复杂的绘图工具操作或专业的编程，只需拖拽、点击等动作即可完成图表的绘制，简化的绘制图表的复杂度，用户绘制过的所有图表都可以以图片形式保存在本地在报告中使用，也可以保存在云端，随时随地可以获取使用。

在本发明所提供的实施方式中，所揭露的系统、终端和方法，可以通过其它的方式实现。例如，以上所描述的终端实施例是示意性的，所述单元的划分，为一种逻辑功能划分，实际实现时可以有另外的划分方式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是，本发明的说明书及其附图中给出了本发明的较佳的实施方式，但是，本发明可以通过许多不同的形式来实现，并不限于本说明书所描述的实施方式，这些实施方式不作为对本发明内容的额外限制，提供这些实施方式的目的是使对本发明的公开内容的理解更加透彻全面。并且，上述各技术特征继续相互组合，形成未在上面列举的各种实施方式，均视为本发明说明书记载的范围；进一步地，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，而所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (8)

1.一种图表处理方法，其特征在于，包括：

响应用户输入的制作图表请求生成第一区域，并在所述第一区域显示至少一个图表模板图片；

识别被用户选择的图表模板图片，随机生成一组演示数据记录，根据所述演示数据记录生成对应的演示图表，并将所述演示图表在生成的第二区域中显示出来；其中，所述第一区域和所述第二区域在用户输入制作图标请求时同时显示，并且彼此不重叠；

读取数据源中的数据记录，将所述数据记录转换为对应的虚拟数据，并在第三区域中显示用于记录虚拟数据的虚拟数据列表；其中，所述虚拟数据由数据属性标签和数值构成，所述虚拟数据列表按照数据属性标签分类显示对应的数值；以及

根据被用户拖动到第二区域的数据属性标签，将所述数据属性标签对应的数值载入以生成与所述数据记录对应的实际图表，并将所述实际图表在所述第二区域中显示出来；其中，所述第三区域在用户调入所述数据记录时与所述第二区域彼此不重叠、或者以浮动窗口的形式显示在所述第二区域的上方。

2.根据权利要求1所述的图表处理方法，其特征在于，所述识别被用户选择的图表模板图片，随机生成一组演示数据记录，根据所述演示数据记录生成对应的演示图表，并将所述演示图表在生成的第二区域中显示出来之后，所述方法还包括：

识别用户在所述演示图表的点击位置，以生成数据输入区域；

根据用户在所述数据输入区域中输入的数值，调整所述点击位置在所述演示图表中的实际位置以生成对应的实际图表，并将所述实际图表在所述第二区域中显示出来。

3.根据权利要求1所述的图表处理方法，其特征在于，所述识别被用户选择的图表模板图片，随机生成一组演示数据记录，根据所述演示数据记录生成对应的演示图表，并将所述演示图表在生成的第二区域中显示出来之后，所述方法还包括：

根据用户输入的图表编辑操作生成第四区域，在所述第四区域显示与演示图表对应的数据属性标签和数值输入区域，并根据用户在所述第四区域的输入相应地调整所述演示图表以生成实际图表，并将所述实际图表在所述第二区域中显示出来。

4.根据权利要求1所述的图表处理方法，其特征在于，还包括：

将所述实际图表与数据记录进行关系映射绑定，并保存起来。

5.一种图表处理装置，其特征在于，包括：

图表模板生成单元，用于响应用户输入的制作图表请求显示第一区域，并在所述第一区域显示至少一个图表模板图片；

演示图表生成单元，用于根据被用户选择的图表模板图片随机生成一组演示数据记录，并根据所述演示数据记录生成对应的演示图表，将所述演示图表在生成的第二区域中显示出来；其中，所述第一区域和第二区域在用户输入所述制作图表请求时同时显示，并且彼此不重叠；

图表编辑单元，用于读取数据源中的数据记录，并将所述数据记录转换为对应的虚拟数据，并在生成的第三区域中显示记录所述虚拟数据的虚拟数据列表；其中，所述虚拟数据由数据属性标签与数值构成，所述虚拟数据列表用于按照数据属性分类记录对应的数值；以及

实际图表生成单元，用于根据被用户拖动到所述第二区域的数据属性标签，以将所述数据属性标签对应的数值载入，以生成与所述数据记录对应的实际图表，并将所述实际图表在所述第二区域中显示出来；其中，所述第三区域在用户调入数据记录时显示并与所述第二区域彼此不重叠，或者所述第三区域以浮动窗口的形式显示在所述第二区域的上方。

6.根据权利要求5所述的图表处理装置，其特征在于，所述实际图表生成单元还用于：

识别用户在所述演示图表的点击位置，以生成数据输入区域；

根据用户在所述数据输入区域中输入的数值，调整所述点击位置在所述演示图表中的实际位置以生成对应的实际图表，并将所述实际图表在所述第二区域中显示出来。

7.根据权利要求5所述的图表处理装置，其特征在于，所述实际图表生成单元还用于：

响应用户输入的图表编辑操作生成第四区域，并在所述第四区域中显示与所述演示图表对应的数据属性标签和数值输入区域，以根据用户在所述第四区域输入的数值相应地调整所述演示图表以生成实际图表，将所述实际图表在所述第二区域中显示出来。

8.根据权利要求5所述的图表处理装置，其特征在于，还包括图表记录单元，用于将所述实际图表与数据记录进行关系映射绑定，并保存起来。

Images