CN110020415B - 图表处理方法、系统、计算机设备及存储介质 - Google Patents
图表处理方法、系统、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN110020415B CN110020415B CN201810019065.9A CN201810019065A CN110020415B CN 110020415 B CN110020415 B CN 110020415B CN 201810019065 A CN201810019065 A CN 201810019065A CN 110020415 B CN110020415 B CN 110020415B
- Authority
- CN
- China
- Prior art keywords
- chart
- code
- graph
- configuration information
- javascript
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Data Mining & Analysis (AREA)
- Stored Programmes (AREA)
Abstract
本发明提出了一种图表处理方法、系统、一种计算机设备以及一种计算机可读存储介质。图表处理方法包括：获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码；将javascript代码存储至脚本标签中；获取javascript代码对图表进行加载。通过本申请限定的技术方案解决了在传统方式保存图表配置信息后，切换浏览器或者设备后无法读取使用以及存储在服务器时易受到网络影响，增加服务器压力等问题。
Description
技术领域
本发明涉及专题图表配置保存与初始化领域，具体而言，涉及一种图表处理方法、系统、一种计算机设备以及一种计算机可读存储介质。
背景技术
在可视化专题的制作过程中，图表组件由canvas对象绘制得到的，对于图表组件的生成、修改、复制、拖拽以及删除等操作都是一次次的初始化option对象完成的。Canvas对象表示HTML（Hyper Text Markup Language，即超级文本标记语言）画布元素<canvas>它没有自己的行为，但是定义了一个API（Application Programming Interface，即应用程序编程接口）支持脚本化客户端绘图操作，其中<canvas>是为了客户端矢量图形而设计的，它自己没有行为，但却把一个绘图API展现给客户端JavaScript（直译式脚本语言）以使脚本能够把想绘制的东西绘制到一块画布上。采用Map结构数据存储多个图表时，是以键值对的形式存储每个图表的id（唯一编码）以及option（选项），即，对图表进行修改时，只需要修改对应图表的id以及id对应的option即可，从而保证不同图表之间的相互独立，不会受到其他图表的修改产生影响。其中Map是将键映射到值的对象。现阶段，通常通过两种方式对图表进行保存，第一种方式是将图表配置以键值对的形式通过localStorage保存在客户端中，其中localStorage是本地存储，通过读取localStorage实现图表的初始化；第二种方式是将图表配置发送到服务器，通过从服务器获取图表配置从而实现图表的初始化，然而，上述两种方式存在以下弊端，对于第一种方式， localStorage是将数据保存在用户的设备中，当用户切换浏览器或设备之后，会无法读取已保存的数据，出现不能适配使用的情况，对于第二种方式，将数据保存在服务中，会产生大量的http（hyper text transferprotocol，即超文本传输协议）请求，增加了服务器端的工作压力，并且在终端与服务器网络连接不佳的情况下，图表配置获取的速度较慢，严重影响用户的使用体验。
发明内容
本发明旨在至少解决现有技术或相关技术中存在的技术问题之一。
为此，本发明的一个方面在于提出了一种图表处理方法。
本发明的另一个方面在于提出了一种图表处理系统。
本发明的再一个方面在于提出了一种计算机设备。
本发明的又一个方面在于提出了一种计算机可读存储介质。
有鉴于此，根据本发明的一个方面，提出了一种图表处理方法，包括：获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；将图表唯一编码和图表选项作为字符串进行拼接，生成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代码进行截取，从而得到每个图表唯一代码和图表选项，通过每个图表唯一代码和图表选项生成图表配置信息，即还原到用户存储图表时的状态，以供用户对每个图表内的信息进行修改或者对上一次保存时没有修改完成的图表继续进行修改，从而方便用户合理分配时间来对图表进行修改。通过本方案，实现了图表的保存与还原，并且避免了传统方式存储出现的更换浏览器或者终端图表无法使用以及存储在服务器时易受到网络连接的影响等情况的出现。
根据本发明的另一个方面，提出了一种图表处理系统，包括：解析单元，用于获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；拼接单元，用于将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码；存储单元，用于将javascript代码存储至脚本标签中；加载单元，用于获取javascript代码对图表进行加载。
本发明提供的图表处理系统，通过解析单元获取并解析图表配置信息，得到图表配置信息中包含的图表唯一编码以及图表选项，拼接单元将图表唯一编码以及图表选项作为字符串进行拼接，从而生成javascript代码，存储单元将生成的javascript代码存储到脚本标签（script）中，从而实现了图表配置信息的保存。其中，javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。生成的javascript代码具有可移植性和通用性，可以广泛的应用在支持java语言的设备以及应用程序中，从而在使用其他浏览器、终端以及设备时，之前存储的图表配置信息依旧可用，并且本申请限定的技术方案是将图表配置信息存储在终端，因此，不会增加服务器的工作压力。此外，在对图表配置信息进行重新加载时，加载单元只需获取javascript代码并运行即可完成图表配置信息的初始化，无需重新设置图表配置信息。
当然，上述方案同样适用多个图表配置信息的存储，对于多个图表配置信息进行存储时，只需要按照上述方式将多个图表配置信息依次以字符串形式进行拼接，从而得到多个图表的javascript代码，并将javascript代码保存，从而实现多个图表配置信息的存储，在重新加载图表配置信息时，只需获取javascript代码即可完成图表配置信息的初始化。
在上述技术方案中，优选地，还包括：修改单元，用于修改脚本标签的类型修改为无格式纯文本。
在该技术方案中，将javascript代码存储到脚本标签之后，修改单元修改脚本标签的类型为无格式文本，即text/plain，使得保存在脚本标签（script）中的javascript代码不会被识别出来，将保存的图表配置信息与正在使用的图表配置信息区别开来，从而避免其他图表在使用或者初始化时提取到与其本身无关的javascript代码并运行，在原有的图表中插入其它无关图表。
在上述技术方案中，优选地，拼接单元具体包括：注释单元，用于在图表唯一编码和图表选项的两端添加注释；第一拼接单元，用于根据注释，将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码。
在该技术方案中，第一拼接单元在将图表唯一编码以及图表选项作为字符串进行拼接时，注释单元在图表唯一编码以及图表选项两端添加注释，添加的注释作为解释图表唯一编码以及图表选项的解释说明，即javascript代码中行注释或者块注释一样，不会作为javascript代码本身进行运行，使得用户可以根据拼接后的javascript代码检查每张图表拼接是否正确，并且通过注释知悉图表主要表达的内容。通过本方案实现了多个图表配置信息的存储以及初始化，避免了传统方式存储出现的更换浏览器或者终端图表无法使用以及存储在服务器时易受到网络连接的影响等情况的出现。
在上述技术方案中，优选地，加载单元具体包括：查找单元，用于查找脚本标签；加载子单元，用于修改脚本标签类型为javascript文本类型，并提取javascript代码；以及执行javascript代码完成图表的加载。
在该技术方案中，在对存储的图表配置信息重新进行加载时，通过查找单元查找对应的脚本标签，利用加载子单元修改脚本标签的类型，将无格式纯文本转化成javascript文本类型，即text/javascript，使得javascript代码可被发现，即通过script的类型更改实现javascript代码的引入，提取并运行javascript代码，实现图表配置信息的整体的加载，完成初始化，摆脱了传统的逐一获取并加载过程，因而简化的初始化流程，减少了多次重复性的获取及加载，缩短了初始化的时间，提升了用户的使用体验。
在上述技术方案中，优选地，还包括：截取单元，用于根据注释，对javascript代码进行截取，获得图表唯一编码和图表选项；生成单元，用于根据图表唯一编码和图表选项生成图表配置信息。
在该技术方案中，在实现图表的重新加载，即初始化后，截取单元通过注释，将javascript代码进行截取，根据生成单元从得到每个图表唯一代码和图表选项生成图表配置信息，即还原到用户存储图表时的状态，以供用户对每个图表内的信息进行修改或者对上一次保存时没有修改完成的图表继续进行修改，从而方便用户合理分配时间来对图表进行修改。通过本方案，实现了图表的保存与还原，并且避免了传统方式存储出现的更换浏览器或者终端图表无法使用以及存储在服务器时易受到网络连接的影响等情况的出现。
根据本发明的又一个方面，提出了一种计算机装置，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现如上述任一项的图表处理方法的步骤。
本发明提供的计算机装置，处理器执行计算机程序时实现通过获取并解析图表配置信息，得到图表配置信息中包含的图表唯一编码以及图表选项，将图表唯一编码以及图表选项作为字符串进行拼接，从而生成javascript代码，并将生成的javascript代码存储到脚本标签（script）中，从而实现了图表配置信息的保存。其中，javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。生成的javascript代码具有可移植性和通用性，可以广泛的应用在支持java语言的设备以及应用程序中，从而在使用其他浏览器、终端以及设备时，之前存储的图表配置信息依旧可用，并且本申请限定的技术方案是将图表配置信息存储在终端，因此，不会增加服务器的工作压力。此外，在对图表配置信息进行重新加载时，只需获取javascript代码并运行即可完成图表配置信息的初始化，无需重新设置图表配置信息。
根据本发明的又一个方面，提出了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现如上述任一项的图表处理方法的步骤。
本发明提供的计算机可读存储介质，计算机程序被处理器执行时实现通过获取并解析图表配置信息，得到图表配置信息中包含的图表唯一编码以及图表选项，将图表唯一编码以及图表选项作为字符串进行拼接，从而生成javascript代码，并将生成的javascript代码存储到脚本标签（script）中，从而实现了图表配置信息的保存。其中，javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。生成的javascript代码具有可移植性和通用性，可以广泛的应用在支持java语言的设备以及应用程序中，从而在使用其他浏览器、终端以及设备时，之前存储的图表配置信息依旧可用，并且本申请限定的技术方案是将图表配置信息存储在终端，因此，不会增加服务器的工作压力。此外，在对图表配置信息进行重新加载时，只需获取javascript代码并运行即可完成图表配置信息的初始化，无需重新设置图表配置信息。
本发明的附加方面和优点将在下面的描述部分中变得明显，或通过本发明的实践了解到。
附图说明
本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中：
图1示出了本发明的一个实施例的图表处理方法的流程示意图；
图2示出了本发明的一个实施例的图表处理方法的流程示意图；
图3示出了本发明的一个实施例的图表处理方法的流程示意图；
图4示出了本发明的一个实施例的图表处理方法的流程示意图；
图5示出了本发明的一个实施例的图表处理方法的流程示意图；
图6示出了本发明的一个实施例的图表处理系统600的示意框图；
图7示出了本发明的一个实施例的计算机设备700的示意框图。
具体实施方式
为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施方式对本发明进行进一步的详细描述。需要说明的是，在不冲突的情况下，本申请的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是，本发明还可以采用其他不同于在此描述的其他方式来实施，因此，本发明的保护范围并不限于下面公开的具体实施例的限制。
本发明第一方面的实施例，提出一种图表处理方法，图1示出了本发明的一个实施例的图表处理方法的流程示意图。其中，该方法包括：
S102，获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；
S104，将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码；
S106，将javascript代码存储至脚本标签中；
S108，获取javascript代码对图表进行加载。
在该实施例中，通过获取并解析图表配置信息，得到图表配置信息中包含的图表唯一编码以及图表选项，将图表唯一编码以及图表选项作为字符串进行拼接，从而生成javascript代码，并将生成的javascript代码存储到脚本标签（script）中，从而实现了图表配置信息的保存。其中，javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。生成的javascript代码具有可移植性和通用性，可以广泛的应用在支持java语言的设备以及应用程序中，从而在使用其他浏览器、终端以及设备时，之前存储的图表配置信息依旧可用，并且本申请限定的技术方案是将图表配置信息存储在终端，因此，不会增加服务器的工作压力。此外，在对图表配置信息进行重新加载时，只需获取javascript代码并运行即可完成图表配置信息的初始化，无需重新设置图表配置信息。
当然，上述方案同样适用多个图表配置信息的存储，对于多个图表配置信息进行存储时，只需要按照上述方式将多个图表配置信息依次以字符串形式进行拼接，从而得到多个图表的javascript代码，并将javascript代码保存，从而实现多个图表配置信息的存储，在重新加载图表配置信息时，只需获取javascript代码即可完成图表配置信息的初始化。
图2示出了本发明的一个实施例的图表处理方法的流程示意图。
在本发明的一个实施例中，优选地，图表处理方法包括：
S202，获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；
S204，将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码；
S206，将javascript代码存储至脚本标签中；
S208，修改脚本标签的类型修改为无格式纯文本；
S210，获取javascript代码对图表进行加载。
在该实施例中，将javascript代码存储到脚本标签之后，修改脚本标签的类型为无格式文本，即text/plain，使得保存在脚本标签（script）中的javascript代码不会被识别出来，将保存的图表配置信息与正在使用的图表配置信息区别开来，从而避免其他图表在使用或者初始化时提取到与其本身无关的javascript代码并运行，在原有的图表中插入其它无关图表。
图3示出了本发明的一个实施例的图表处理方法的流程示意图。
在本发明的一个实施例中，优选地，图表处理方法包括：
S302，获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；
S304，在图表唯一编码和图表选项的两端添加注释；
S306，根据注释，将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码；
S308，将javascript代码存储至脚本标签中；
S310，修改脚本标签的类型修改为无格式纯文本；
S312，获取javascript代码对图表进行加载。
在该实施例中，在将图表唯一编码以及图表选项作为字符串进行拼接时，在图表唯一编码以及图表选项两端添加注释，添加的注释作为解释图表唯一编码以及图表选项的解释说明，即javascript代码中行注释或者块注释一样，不会作为javascript代码本身进行运行，使得用户可以根据拼接后的javascript代码检查每张图表拼接是否正确，并且通过注释知悉图表主要表达的内容。通过本方案实现了多个图表配置信息的存储以及初始化，避免了传统方式存储出现的更换浏览器或者终端图表无法使用以及存储在服务器时易受到网络连接的影响等情况的出现。
图4示出了本发明的一个实施例的图表处理方法的流程示意图。
在本发明的一个实施例中，优选地，图表处理方法包括：
S402，获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；
S404，在图表唯一编码和图表选项的两端添加注释；
S406，根据注释，将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码；
S408，将javascript代码存储至脚本标签中；
S410，修改脚本标签的类型修改为无格式纯文本；
S412，查找脚本标签；
S414，修改脚本标签类型为javascript文本类型，并提取javascript代码；
S416，执行javascript代码完成图表的加载。
在该实施例中，在对存储的图表配置信息重新进行加载时，查找对应的脚本标签，通过修改脚本标签的类型，使得从无格式纯文本转化成javascript文本类型，即text/javascript，从而javascript代码可被发现，即通过script的类型更改实现javascript代码的引入，提取并运行javascript代码，实现图表配置信息的整体的加载，完成初始化，摆脱了传统的逐一获取并加载过程，因而简化的初始化流程，减少了多次重复性的获取及加载，缩短了初始化的时间，提升了用户的使用体验。
图5示出了本发明的一个实施例的图表处理方法的流程示意图。
在本发明的一个实施例中，优选地，图表处理方法包括：
S502，获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；
S504，在图表唯一编码和图表选项的两端添加注释；
S506，根据注释，将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码；
S508，将javascript代码存储至脚本标签中；
S510，修改脚本标签的类型修改为无格式纯文本；
S512，查找脚本标签；
S514，修改脚本标签类型为javascript文本类型，并提取javascript代码；
S516，执行javascript代码完成图表的加载；
S518，根据注释，对javascript代码进行截取，获得图表唯一编码和图表选项；
S520，根据图表唯一编码和图表选项生成图表配置信息。
在该实施例中，在实现图表的重新加载，即初始化后，通过注释，将javascript代码进行截取，从而得到每个图表唯一代码和图表选项，通过每个图表唯一代码和图表选项生成图表配置信息，即还原到用户存储图表时的状态，以供用户对每个图表内的信息进行修改或者对上一次保存时没有修改完成的图表继续进行修改，从而方便用户合理分配时间来对图表进行修改。通过本方案，实现了图表的保存与还原，并且避免了传统方式存储出现的更换浏览器或者终端图表无法使用以及存储在服务器时易受到网络连接的影响等情况的出现。
在本发明的一个实施例中，专题图表采用Map数据结构，以键值对的形式存储每个图表的id和option，在保存时，解析Map对象，将每个图表id和 option作为字符串进行拼接，拼接时在id和option两端加入注释，生成javascript代码，该注释不会作为javascript代码执行，将拼接好的javascript代码存储到指定的script标签中，同时修改script标签的type（类型）为text/plain（无格式纯文本），从而实现了Map对象存储到字符串存储的转换，重新打开专题时，由于之前的script标签中已经保存了初始化图表的代码，我们只需要修改script标签的type（类型）为“text/javascript（javascript文本）”，通过执行javascript代码实现图表的初始化。同时为了能够对图表进一步修改，我们需要重新生成Map对象，我们可以以script中之前添加的注释信息作为标记，对script中的字符串进行截取，就可以重新获取图表的id和option，进而生成Map对象。
本发明第二方面的实施例，提出一种图表处理系统，图6示出了本发明的一个实施例的图表处理系统600的示意框图。其中，图表处理系统600包括：解析单元602，用于获取并解析图表配置信息，得到图表配置信息包含的图表唯一编码和图表选项；拼接单元604，用于将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码；存储单元606，用于将javascript代码存储至脚本标签中；加载单元608，用于获取javascript代码对图表进行加载。
在该实施例中，通过解析单元602获取并解析图表配置信息，得到图表配置信息中包含的图表唯一编码以及图表选项，拼接单元604将图表唯一编码以及图表选项作为字符串进行拼接，从而生成javascript代码，存储单元606将生成的javascript代码存储到脚本标签（script）中，从而实现了图表配置信息的保存。其中，javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。生成的javascript代码具有可移植性和通用性，可以广泛的应用在支持java语言的设备以及应用程序中，从而在使用其他浏览器、终端以及设备时，之前存储的图表配置信息依旧可用，并且本申请限定的技术方案是将图表配置信息存储在终端，因此，不会增加服务器的工作压力。此外，在对图表配置信息进行重新加载时，加载单元608只需获取javascript代码并运行即可完成图表配置信息的初始化，无需重新设置图表配置信息。
当然，上述方案同样适用多个图表配置信息的存储，对于多个图表配置信息进行存储时，只需要按照上述方式将多个图表配置信息依次以字符串形式进行拼接，从而得到多个图表的javascript代码，并将javascript代码保存，从而实现多个图表配置信息的存储，在重新加载图表配置信息时，只需获取javascript代码即可完成图表配置信息的初始化。
在本发明的一个实施例中，优选地，还包括：修改单元610，用于修改脚本标签的类型修改为无格式纯文本。
在该实施例中，将javascript代码存储到脚本标签之后，修改单元610修改脚本标签的类型为无格式文本，即text/plain，使得保存在脚本标签（script）中的javascript代码不会被识别出来，将保存的图表配置信息与正在使用的图表配置信息区别开来，从而避免其他图表在使用或者初始化时提取到与其本身无关的javascript代码并运行，在原有的图表中插入其它无关图表。
在本发明的一个实施例中，优选地，拼接单元604具体包括：注释单元612，用于在图表唯一编码和图表选项的两端添加注释；第一拼接单元614，用于根据注释，将图表唯一编码和图表选项作为字符串进行拼接，生成javascript代码。
在该实施例中，第一拼接单元614在将图表唯一编码以及图表选项作为字符串进行拼接时，注释单元612在图表唯一编码以及图表选项两端添加注释，添加的注释作为解释图表唯一编码以及图表选项的解释说明，即javascript代码中行注释或者块注释一样，不会作为javascript代码本身进行运行，使得用户可以根据拼接后的javascript代码检查每张图表拼接是否正确，并且通过注释知悉图表主要表达的内容。通过本方案实现了多个图表配置信息的存储以及初始化，避免了传统方式存储出现的更换浏览器或者终端图表无法使用以及存储在服务器时易受到网络连接的影响等情况的出现。
在本发明的一个实施例中，优选地，加载单元608具体包括：查找单元616，用于查找脚本标签；加载子单元618，用于修改脚本标签类型为javascript文本类型，并提取javascript代码；以及执行javascript代码完成图表的加载。
在该实施例中，在对存储的图表配置信息重新进行加载时，通过查找单元616查找对应的脚本标签，利用加载子单元618修改脚本标签的类型，将无格式纯文本转化成javascript文本类型，即text/javascript，使得javascript代码可被发现，即通过script的类型更改实现javascript代码的引入，提取并运行javascript代码，实现图表配置信息的整体的加载，完成初始化，摆脱了传统的逐一获取并加载过程，因而简化的初始化流程，减少了多次重复性的获取及加载，缩短了初始化的时间，提升了用户的使用体验。
在本发明的一个实施例中，优选地，还包括：截取单元620，用于根据注释，对javascript代码进行截取，获得图表唯一编码和图表选项；生成单元622，用于根据图表唯一编码和图表选项生成图表配置信息。
在该实施例中，在实现图表的重新加载，即初始化后，截取单元620通过注释，将javascript代码进行截取，根据生成单元622从得到每个图表唯一代码和图表选项生成图表配置信息，即还原到用户存储图表时的状态，以供用户对每个图表内的信息进行修改或者对上一次保存时没有修改完成的图表继续进行修改，从而方便用户合理分配时间来对图表进行修改。通过本方案，实现了图表的保存与还原，并且避免了传统方式存储出现的更换浏览器或者终端图表无法使用以及存储在服务器时易受到网络连接的影响等情况的出现。
图7示出了本发明的一个实施例的计算机设备700的示意框图。其中，该计算机设备700包括：存储器702、处理器704及存储在所述存储器702上并可在所述处理器704上运行的计算机程序，所述处理器704执行计算机程序时实现如上述任一项的图表处理方法的步骤。
本发明提供的计算机设备700，处理器704执行计算机程序时实现通过获取并解析图表配置信息，得到图表配置信息中包含的图表唯一编码以及图表选项，将图表唯一编码以及图表选项作为字符串进行拼接，从而生成javascript代码，并将生成的javascript代码存储到脚本标签（script）中，从而实现了图表配置信息的保存。其中，javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。生成的javascript代码具有可移植性和通用性，可以广泛的应用在支持java语言的设备以及应用程序中，从而在使用其他浏览器、终端以及设备时，之前存储的图表配置信息依旧可用，并且本申请限定的技术方案是将图表配置信息存储在终端，因此，不会增加服务器的工作压力。此外，在对图表配置信息进行重新加载时，只需获取javascript代码并运行即可完成图表配置信息的初始化，无需重新设置图表配置信息。
本发明第四方面的实施例，提出了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现如上述任一项的图表处理方法的步骤。
本发明提供的计算机可读存储介质，计算机程序被处理器执行时实现通过获取并解析图表配置信息，得到图表配置信息中包含的图表唯一编码以及图表选项，将图表唯一编码以及图表选项作为字符串进行拼接，从而生成javascript代码，并将生成的javascript代码存储到脚本标签（script）中，从而实现了图表配置信息的保存。其中，javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。生成的javascript代码具有可移植性和通用性，可以广泛的应用在支持java语言的设备以及应用程序中，从而在使用其他浏览器、终端以及设备时，之前存储的图表配置信息依旧可用，并且本申请限定的技术方案是将图表配置信息存储在终端，因此，不会增加服务器的工作压力。此外，在对图表配置信息进行重新加载时，只需获取javascript代码并运行即可完成图表配置信息的初始化，无需重新设置图表配置信息。
在本说明书的描述中，术语“一个实施例”、 “一些实施例”、 “具体实施例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或实例。而且，描述的具体特征、结构、材料或特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
Claims (6)
1.一种图表处理方法，其特征在于，
获取并解析图表配置信息，得到所述图表配置信息包含的图表唯一编码和图表选项；
将所述图表唯一编码和所述图表选项作为字符串进行拼接，生成javascript代码；
将所述javascript代码存储至脚本标签中；
获取所述javascript代码对所述图表进行加载；
在将所述javascript代码存储至脚本标签中之后，还包括：
修改所述脚本标签的类型修改为无格式纯文本；
所述将所述图表唯一编码和所述图表选项作为字符串进行拼接，生成javascript代码具体包括：
在所述图表唯一编码和所述图表选项的两端添加注释；
根据所述注释，将所述图表唯一编码和所述图表选项作为字符串进行拼接，生成所述javascript代码；
所述获取所述javascript代码对所述图表进行加载具体包括：
查找所述脚本标签；
修改所述脚本标签类型为javascript文本类型，并提取所述javascript代码；
执行所述javascript代码完成所述图表的加载。
2.根据权利要求1所述的图表处理方法，其特征在于，在执行所述javascript代码完成所述图表进行加载之后，还包括：
根据所述注释，对所述javascript代码进行截取，获得所述图表唯一编码和所述图表选项；
根据所述图表唯一编码和所述图表选项生成所述图表配置信息。
3.一种图表处理系统，其特征在于，
解析单元，用于获取并解析图表配置信息，得到所述图表配置信息包含的图表唯一编码和图表选项；
拼接单元，用于将所述图表唯一编码和所述图表选项作为字符串进行拼接，生成javascript代码；
存储单元，用于将所述javascript代码存储至脚本标签中；
加载单元，用于获取所述javascript代码对所述图表进行加载；
修改单元，用于修改所述脚本标签的类型修改为无格式纯文本；
所述拼接单元具体包括：
注释单元，用于在所述图表唯一编码和所述图表选项的两端添加注释；
第一拼接单元，用于根据所述注释，将所述图表唯一编码和所述图表选项作为字符串进行拼接，生成所述javascript代码；
所述加载单元具体包括：
查找单元，用于查找所述脚本标签；
加载子单元，用于修改所述脚本标签类型为javascript文本类型，并提取所述javascript代码；以及
执行所述javascript代码完成所述图表的加载。
4.根据权利要求3所述的图表处理系统，其特征在于，还包括：
截取单元，用于根据所述注释，对所述javascript代码进行截取，获得所述图表唯一编码和所述图表选项；
生成单元，用于根据所述图表唯一编码和所述图表选项生成所述图表配置信息。
5.一种计算机设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于：所述处理器用于执行如权利要求1或2所述的图表处理方法的步骤。
6.一种计算机可读存储介质，其上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现了如权利要求1或2所述的图表处理方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810019065.9A CN110020415B (zh) | 2018-01-09 | 2018-01-09 | 图表处理方法、系统、计算机设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810019065.9A CN110020415B (zh) | 2018-01-09 | 2018-01-09 | 图表处理方法、系统、计算机设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110020415A CN110020415A (zh) | 2019-07-16 |
| CN110020415B true CN110020415B (zh) | 2021-04-09 |
Family
ID=67187727
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810019065.9A Active CN110020415B (zh) | 2018-01-09 | 2018-01-09 | 图表处理方法、系统、计算机设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110020415B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111476008A (zh) * | 2020-04-03 | 2020-07-31 | 智业软件股份有限公司 | 一种移动护理用智能化表单配置方法及系统 |
| CN114253630B (zh) * | 2021-12-23 | 2023-07-25 | 上海新炬网络信息技术股份有限公司 | 基于Java切面修改Form表单变化信息实现日志保存的方法 |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7334216B2 (en) * | 2000-04-04 | 2008-02-19 | Sosy, Inc. | Method and apparatus for automatic generation of information system user interfaces |
| US10176270B2 (en) * | 2009-12-24 | 2019-01-08 | International Business Machines Corporation | Performance of template based javascript widgets |
| US9176700B2 (en) * | 2011-05-31 | 2015-11-03 | Software Ag | Systems and/or methods for efficient rendering of business model related vector graphics |
| KR20170108412A (ko) * | 2016-03-17 | 2017-09-27 | 한국전자통신연구원 | 캔버스 이미지 연산 장치 |
| CN107291476B (zh) * | 2017-06-27 | 2020-12-08 | 北京微影时代科技有限公司 | Canvas代码生成方法、装置、电子设备及存储介质 |
-
2018
- 2018-01-09 CN CN201810019065.9A patent/CN110020415B/zh active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN110020415A (zh) | 2019-07-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107861713B (zh) | 数据调用方法、装置及计算机可读存储介质 | |
| WO2018223717A1 (zh) | 网页前端测试方法、装置、系统、设备及可读存储介质 | |
| US9594477B1 (en) | Using deep links to restore interactive state of a web page | |
| KR20200043467A (ko) | 웹페이지 콘텐츠를 추출하기 위한 방법 및 단말 장치 | |
| CN103608802B (zh) | 取回的文件和源文件之间的选择映射的方法和系统 | |
| CN107276842B (zh) | 接口测试方法、装置及电子设备 | |
| TW201800962A (zh) | 網頁文件發送方法、網頁渲染方法及裝置、網頁渲染系統 | |
| CN110365724B (zh) | 任务处理方法、装置及电子设备 | |
| CN112256990B (zh) | 一种图像处理方法及装置、计算机可读存储介质 | |
| CN104050238A (zh) | 一种地图标注方法和装置 | |
| JP6140904B2 (ja) | 端末標記方法、端末標記装置、プログラム及び記録媒体 | |
| CN100590624C (zh) | 基于soa架构的多维空间数据展现方法 | |
| CN110020415B (zh) | 图表处理方法、系统、计算机设备及存储介质 | |
| KR20120025066A (ko) | 스크립트에 의한 동적 리소스 정보를 처리하는 웹 브라우징 시스템 및 방법 | |
| US9122484B2 (en) | Method and apparatus for mashing up web applications | |
| CN113382083A (zh) | 一种网页截图方法和装置 | |
| CN109783752A (zh) | 页面加载方法及装置、电子设备和计算机可读存储介质 | |
| CN111723314B (zh) | 网页展示方法、装置、电子设备及计算机可读存储介质 | |
| JP5039946B2 (ja) | クライアント装置およびサーバ装置の間の通信を中継する技術 | |
| CN106156291A (zh) | 基于Localstroage的静态资源的缓存方法及其系统 | |
| CN104156421A (zh) | 页面的展现方法、装置及系统 | |
| JP2016018233A (ja) | スクリプトのキャッシュ方法及びそれを適用した情報処理装置 | |
| CN101770511A (zh) | 一种用于移动通讯设备终端加快回退操作的浏览系统及其应用方法 | |
| KR101092019B1 (ko) | 모바일 웹 브라우저를 이용한 웹 브라우징 시스템 및 방법과 이에 사용되는 모바일 단말기 | |
| CN106686037B (zh) | 页面检测方法、装置、设备及系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20230609 Address after: 3007, Hengqin international financial center building, No. 58, Huajin street, Hengqin new area, Zhuhai, Guangdong 519031 Patentee after: New founder holdings development Co.,Ltd. Patentee after: BEIJING FOUNDER ELECTRONICS Co.,Ltd. Address before: 100871, Beijing, Haidian District Cheng Fu Road 298, founder building, 9 floor Patentee before: PEKING UNIVERSITY FOUNDER GROUP Co.,Ltd. Patentee before: BEIJING FOUNDER ELECTRONICS Co.,Ltd. |
|
| TR01 | Transfer of patent right |