图表处理方法、系统、计算机设备及存储介质技术方案

本发明专利技术提出了一种图表处理方法、系统、一种计算机设备以及一种计算机可读存储介质。图表处理方法包括：获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码；将javascript代码存储至脚本标签中；获取javascript代码对图表进行加载。通过本申请限定的技术方案解决了在传统方式保存图表配置信息后，切换浏览器或者设备后无法读取使用以及存储在服务器时易受到网络影响，增加服务器压力等问题。

Chart Processing Method, System, Computer Equipment and Storage Media

【技术实现步骤摘要】
图表处理方法、系统、计算机设备及存储介质
本专利技术涉及专题图表配置保存与初始化领域，具体而言，涉及一种图表处理方法、系统、一种计算机设备以及一种计算机可读存储介质。
技术介绍
在可视化专题的制作过程中，图表组件由canvas对象绘制得到的，对于图表组件的生成、修改、复制、拖拽以及删除等操作都是一次次的初始化option对象完成的。Canvas对象表示HTML(HyperTextMarkupLanguage，即超级文本标记语言)画布元素<canvas>它没有自己的行为，但是定义了一个API(ApplicationProgrammingInterface，即应用程序编程接口)支持脚本化客户端绘图操作，其中<canvas>是为了客户端矢量图形而设计的，它自己没有行为，但却把一个绘图API展现给客户端JavaScript(直译式脚本语言)以使脚本能够把想绘制的东西绘制到一块画布上。采用Map结构数据存储多个图表时，是以键值对的形式存储每个图表的id(唯一编码)以及option(选项)，即，对图表进行修改时，只需要修改对应图表的id以及id对应的option即可，从而保证不同图表之间的相互独立，不会受到其他图表的修改产生影响。其中Map是将键映射到值的对象。现阶段，通常通过两种方式对图表进行保存，第一种方式是将图表配置以键值对的形式通过localStorage保存在客户端中，其中localStorage是本地存储，通过读取localStorage实现图表的初始化；第二种方式是将图表配置发送到服务器，通过从服务器获取图表配置从而实现图表的初始化，然而，上述两种方式存在以下弊端，对于第一种方式，localStorage是将数据保存在用户的设备中，当用户切换浏览器或设备之后，会无法读取已保存的数据，出现不能适配使用的情况，对于第二种方式，将数据保存在服务中，会产生大量的http(hypertexttransferprotocol，即超文本传输协议)请求，增加了服务器端的工作压力，并且在终端与服务器网络连接不佳的情况下，图表配置获取的速度较慢，严重影响用户的使用体验。
技术实现思路
本专利技术旨在至少解决现有技术或相关技术中存在的技术问题之一。为此，本专利技术的一个方面在于提出了一种图表处理方法。本专利技术的另一个方面在于提出了一种图表处理系统。本专利技术的再一个方面在于提出了一种计算机设备。本专利技术的又一个方面在于提出了一种计算机可读存储介质。有鉴于此，根据本专利技术的一个方面，提出了一种图表处理方法，包括：获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码；将javascript代码存储至脚本标签中；获取javascript代码对图表进行加载。本专利技术提供的图表处理方法，通过获取并解析图表配置信息，得到图表配置信息中包含的图表唯一编码以及图表选项，将图表唯一编码以及图表选项作为字符串进行拼接，从而生成javascript代码，并将生成的javascript代码存储到脚本标签(script)中，从而实现了图表配置信息的保存。其中，javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。生成的javascript代码具有可移植性和通用性，可以广泛的应用在支持java语言的设备以及应用程序中，从而在使用其他浏览器、终端以及设备时，之前存储的图表配置信息依旧可用，并且本申请限定的技术方案是将图表配置信息存储在终端，因此，不会增加服务器的工作压力。此外，在对图表配置信息进行重新加载时，只需获取javascript代码并运行即可完成图表配置信息的初始化，无需重新设置图表配置信息。当然，上述方案同样适用多个图表配置信息的存储，对于多个图表配置信息进行存储时，只需要按照上述方式将多个图表配置信息依次以字符串形式进行拼接，从而得到多个图表的javascript代码，并将javascript代码保存，从而实现多个图表配置信息的存储，在重新加载图表配置信息时，只需获取javascript代码即可完成图表配置信息的初始化。根据本专利技术的上述图表处理方法，还可以具有以下技术特征：在上述技术方案中，优选地，在将javascript代码存储至脚本标签中之后，还包括：修改脚本标签的类型修改为无格式纯文本。在该技术方案中，将javascript代码存储到脚本标签之后，修改脚本标签的类型为无格式文本，即text/plain，使得保存在脚本标签(script)中的javascript代码不会被识别出来，将保存的图标配置信息与正在使用的图表配置信息区别开来，从而避免其他图表在使用或者初始化时提取到与其本身无关的javascript代码并运行，在原有的图表中插入其它无关图表。在上述技术方案中，优选地，将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码具体包括：在图表唯一编码和图表选项的两端添加注释；根据注释，将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码。在该技术方案中，在将图表唯一编码以及图表选项作为字符串进行拼接时，在图表唯一编码以及图表选项两端添加注释，添加的注释作为解释图表唯一编码以及图表选项的解释说明，即javascript代码中行注释或者块注释一样，不会作为javascript代码本身进行运行，使得用户可以根据拼接后的javascript代码检查每张图表拼接是否正确，并且通过注释知悉图表主要表达的内容。通过本方案实现了多个图表配置信息的存储以及初始化，避免了传统方式存储出现的更换浏览器或者终端图表无法使用以及存储在服务器时易受到网络连接的影响等情况的出现。在上述技术方案中，优选地，获取javascript代码对图表进行加载具体包括：查找脚本标签；修改脚本标签类型为javascript文本类型，并提取javascript代码；执行javascript代码完成图表的加载。在该技术方案中，在对存储的图表配置信息重新进行加载时，查找对应的脚本标签，通过修改脚本标签的类型，使得从无格式纯文本转化成javascript文本类型，即text/javascript，从而javascript代码可被发现，即通过script的类型更改实现javascript代码的引入，提取并运行javascript代码，实现图表配置信息的整体的加载，完成初始化，摆脱了传统的逐一获取并加载过程，因而简化的初始化流程，减少了多次重复性的获取及加载，缩短了初始化的时间，提升了用户的使用体验。在上述技术方案中，优选地，在执行javascript代码完成图表进行加载之后，还包括：根据注释，对javascript代码进行截取，获得图表唯一编码和图表选项；根据图表唯一编码和图表选项生成图表配置信息。在该技术方案中，在实现图表的重新加载，即初始化后，通过注释，将javascript代码进行截取，从而得到每个图表唯一代码和图表选项，通过每个图表唯一代码和图表选项生成图表配置本文档来自技高网...

【技术保护点】
1.一种图表处理方法，其特征在于，获取并解析图表配置信息，得到所述图表配置信息包含的图表唯一编码和图表选项；将所述图表唯一编码和所述图表选项作为字符串进行拼接，生成javascript代码；将所述javascript代码存储至脚本标签中；获取所述javascript代码对所述图表进行加载。

【技术特征摘要】
1.一种图表处理方法，其特征在于，获取并解析图表配置信息，得到所述图表配置信息包含的图表唯一编码和图表选项；将所述图表唯一编码和所述图表选项作为字符串进行拼接，生成javascript代码；将所述javascript代码存储至脚本标签中；获取所述javascript代码对所述图表进行加载。2.根据权利要求1所述的图表处理方法，其特征在于，在将所述javascript代码存储至脚本标签中之后，还包括：修改所述脚本标签的类型修改为无格式纯文本。3.根据权利要求1或2所述的图表处理方法，其特征在于，所述将所述图表唯一编码和所述图表选项作为字符串进行拼接，生成javascript代码具体包括：在所述图表唯一编码和所述图表选项的两端添加注释；根据所述注释，将所述图表唯一编码和所述图表选项作为字符串进行拼接，生成所述javascript代码。4.根据权利要求3所述的图表处理方法，其特征在于，所述获取所述javascript代码对所述图表进行加载具体包括：查找所述脚本标签；修改所述脚本标签类型为javascript文本类型，并提取所述javascript代码；执行所述javascript代码完成所述图表的加载。5.根据权利要求4所述的图表处理方法，其特征在于，在执行所述javascript代码完成所述图表进行加载之后，还包括：根据所述注释，对所述javascript代码进行截取，获得所述图表唯一编码和所述图表选项；根据所述图表唯一编码和所述图表选项生成所述图表配置信息。6.一种图表处理系统，其特征在于，解析单元，用于获取并解析图表配置信息，得到所述图标配置信息包含的图表唯一编码和图表选项；拼接单元...

【专利技术属性】
技术研发人员：钱学敏，
申请(专利权)人：北大方正集团有限公司，北京北大方正电子有限公司，
类型：发明
国别省市：北京,11