一种基于JavaScript模板引擎的保存数据可视化属性配置的方法技术

本发明专利技术公开了一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，其实现过程为：首先将数据可视化相关的配置内容提取成JavaScript模板，然后将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中；再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。该基于JavaScript模板引擎的保存数据可视化属性配置的方法与现有技术相比，一方面可以实现用户对数据可视化效果的灵活定制，另一方面可以实现对用户定制内容的快速保存与再展现，简单、方便、有效。

Method for storing data visualization attribute configuration based on JavaScript template engine

The invention discloses a method for preserving data visualization attribute configuration JavaScript template engine based on the realization process is as follows: firstly, the data visualization configuration related content extraction into JavaScript template, and then the user configuration specific content cache in the current configuration corresponding HTML extended attributes; show configuration items. Again, read cache HTML extended attributes, resolving user configuration data, the final HTML fragment and configuration interface through dynamic binding and data template. Compared with the method to save data visualization attribute configuration JavaScript template engine based on existing technology, on the one hand users can achieve flexible customization of data visualization, on the other hand can be achieved and then show rapid storage of user customization of content, simple, convenient and effective.

【技术实现步骤摘要】

本专利技术涉及计算机WEB开发应用
，具体地说是一种实用性强、基于JavaScript模板引擎的保存数据可视化属性配置的方法。
技术介绍
随着网络技术发展到今天，由量变转化为质变的大数据时代已经来临。全球用户对传感数据的访问量飞速增长，关注数据挖掘和分析的发展具有相当重要的现实意义。随着用户对数据分析需求的增长，对数据可视化的需求也变得越来越强烈，普通用户也不断的被要求或主动参与到设计和创建可视化项目的过程中。数据可视化主要是借助于图形化手段，清晰有效地传达与沟通信息。基本思想，是将数据库中每一个数据项作为单个图元元素表示，大量的数据集构成数据图像，同时将数据的各个属性值以多维数据的形式表示，可以从不同的维度观察数据，从而对数据进行更深入的观察和分析。JavaScript模板引擎是实现数据与界面展现分离的重要技术手段，可以将带有JavaScript代码的伪HTML语句转化为HTML，大大减少开发人员的代码量，提高代码的可读性，同时加速界面的展现，提高应用程序的开发效率。鉴于此，现提供一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，一方面可以实现用户对数据可视化效果的灵活定制，另一方面可以实现对用户定制内容的快速保存与再展现，简单、方便、有效。
技术实现思路
本专利技术的技术任务是针对以上不足之处，提供一种实用性强、基于JavaScript模板引擎的保存数据可视化属性配置的方法。一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，其实现过程为：首先将数据可视化相关的配置内容提取成JavaScript模板，然后将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中；再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。将数据可视化相关的配置内容提取成JavaScript模板时，JavaScript模板引擎根据绑定到模板的数据控制可视化要素的显示及内容。将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中的过程为：通过监听配置内容的点击click事件或者值改变change事件及时缓存用户配置的具体内容，缓存方式为将配置内容以HTML标签扩展属性的方式缓存在当前配置项对应的HTML结构中。本专利技术的一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，具有以下优点：本专利技术提供的一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，与传统的初始化HTML元素数据的方式相比，该方法充分利用JavaScript模板引擎实现数据与界面展现的分离，避免了在JavaScript中频繁操作HTML元素，大大减少了开发人员的代码量，提高了代码的可读性，同时加速界面的展现，提高了开发效率，实用性强，适用范围广泛，易于推广。附图说明附图1为本专利技术的JavaScript模板示意图；附图2为本专利技术的HTML扩展属性示意图。具体实施方式下面结合附图及具体实施例对本专利技术作进一步说明。如附图1、图2所示，本专利技术的一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，主要实现了数据可视化属性的配置、保存与再展现,可以实现用户对数据可视化中各组成要素（如布局、图表）进行个性化定制，实现数据可视化效果的多样性与灵活性。本专利为一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，主要实现了数据可视化属性的配置、保存与再展现。结合JavaScript模板引擎与HTML扩展属性，将数据可视化相关的配置内容提取成JavaScript模板，同时将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中。再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。为实现数据可视化效果的灵活配置，本专利采用的技术方案如下：将数据可视化相关的配置内容提取成JavaScript模板，模板引擎根据绑定到模板的数据控制可视化要素的显示及内容。同时，通过监听配置内容的点击click或者值改变change事件即时缓存用户配置的具体内容，缓存方式为将配置内容以HTML标签扩展属性的方式缓存在当前配置项对应的HTML结构中。再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。附图1中value=”{{tabnum本文档来自技高网...

【技术保护点】
一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，其特征在于，其实现过程为：首先将数据可视化相关的配置内容提取成JavaScript模板，然后将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中；再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。

【技术特征摘要】
1.一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，其特征在于，其实现过程为：首先将数据可视化相关的配置内容提取成JavaScript模板，然后将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中；再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。2.根据权利要求1所述的一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，其特征在于，将数据可视化...

【专利技术属性】
技术研发人员：任传慧，
申请(专利权)人：山东浪潮云服务信息科技有限公司，
类型：发明
国别省市：山东;37