CN114564534B - 基于场景的可视化配置平台及实现方法 - Google Patents
基于场景的可视化配置平台及实现方法 Download PDFInfo
- Publication number
- CN114564534B CN114564534B CN202210196439.0A CN202210196439A CN114564534B CN 114564534 B CN114564534 B CN 114564534B CN 202210196439 A CN202210196439 A CN 202210196439A CN 114564534 B CN114564534 B CN 114564534B
- Authority
- CN
- China
- Prior art keywords
- data
- scene
- information
- configuration
- visual
- 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
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/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/26—Visual data mining; Browsing structured data
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
本发明公开了基于场景的可视化配置平台及实现方法,属于大数据及可视化领域,本发明要解决的技术问题为如何实现场景的可视化配置,实现大数据的可视化管理,避免故事叙述从数据中发现规律,采用的技术方案为:该平台是以地图打点为基础,获取点线面进行属性配置组成场景,并通过场景组成故事实现可视化呈现方式;该平台的后端通过jeccg的低代码开发平台形成后台配置数据的增删改查接口,为vue框架提供前端服务;该平台的前端使用vue框架和echart接收传递的参数实现效果呈现。该方法是通过数据的配置,完成前端可视化内容的呈现,可视化内容的呈现包括场景创建、场景信息管理、场景覆盖物配置以及覆盖物信息管理。
Description
技术领域
本发明涉及大数据及可视化技术领域,具体地说是一种基于场景的可视化配置平台及实现方法。
背景技术
随着时代的发展和进步,“大数据可视化”以前所未有的速度进步着。但大数据可视化的快速发展也带来一个思考的问题:如何将大数据可视化用于解决现实世界的问题?可视化也不是图好看就有效,关键是你的信息是具有熵减作用,能够指引更明朗的走向,这才是关键的,才是有利于决策的,否则只会徒增混乱。
目前市场上存在多种BI工具,可以快速通过可视化图表展示海量数据,并提供Web设计工具,实现可见及所得设计专业大屏数据展示,大都采用拖拽式自由布局,无需编码,全图形化编辑,快速可视化制作。
可视化应用的重要性来看,大数据可视化主要用于金融、交通、物流、医疗、电力等众多领域。有的可视化是为了观测、跟踪数据、所以就要强调实时性、变化、运算能力,可能就会生成一份不停变化、可读性强的图表。有的为了分析数据,所以要强调数据的呈现度、可能会生成一份可以检索、交互式的图表。有的为了发现数据之间的潜在关联,可能会生成分布式的多维的图表。有的为了帮助普通用户或商业用户快速理解数据的含义或变化,会利用漂亮的颜色、动画创建生动、明了,具有吸引力的图表。
大数据可视化展示技术作为近年来兴起的新型展示技术,通过图表的直观性与交互的便利性,对内可以增强决策能力、提高工作效率,对外可以让观众一目了然地了解企业的主营业务与公司实力,在临展当中,更是可以通过摆出观众平时难以接触到并且感兴趣的内容,来达到抓人眼球的目的,在人潮熙攘的展会当中,这样的吸引观众驻足的技术无疑是提高展示效果的利器!
大数据时代,数据可视化将成为IT领域一个重点发展方向。数据可视化已经不在是一些基础的图表,更多的体现在视觉冲击,实时动态,基于地理,场景化的数据展现需求。让数据发挥其真正的力量,并的改变着我们的生活,迫切的需要通过一些技术手段展现IT数据的魅力。
故如何实现场景的可视化配置,实现大数据的可视化管理,避免故事叙述从数据中发现规律是目前亟待解决的技术问题。
发明内容
本发明的技术任务是提供一种基于场景的可视化配置平台及实现方法,来解决如何实现场景的可视化配置,实现大数据的可视化管理,避免故事叙述从数据中发现规律的问题。
本发明的技术任务是按以下方式实现的,一种基于场景的可视化配置平台,该平台是以地图打点为基础,获取点线面进行属性配置组成场景,并通过场景组成故事实现可视化呈现方式;该平台的后端通过jeccg的低代码开发平台形成后台配置数据的增删改查接口,为vue框架提供前端服务;该平台的前端使用vue框架和echart接收传递的参数实现效果呈现。
作为优选,该平台包括,
场景创建模块,用于通过vue设计完成与每个场景相匹配的属性信息和场景标注(场景大点)信息;场景创建模块创建过程中,当存在子场景时,进行子节点信息编辑,形成二层树结构;
场景概览信息管理模块,用于将场景概述信息进行综合呈现,即将DIV浮动在地图左右两侧区域,通过配置信息读取呈现方式;同时,场景信息管理模块还用于对场景数据的新增、修改以及删除,同时针对场景信息数据的可用周期进行有效性管理,实现逻辑删除操作;
地图覆盖物配置模块,用于采用51VR地图引擎,通过调用API接口再地图上进行覆盖物新型渲染;地图覆盖物配置模块通过后台管理页面使用jeecg服务框架按照地图覆盖物进行建表及配置,并实现对场景覆盖物数据的新增、详情查看、修改和删除,同时针对场景覆盖物信息数据的可用周期进行有效性管理,实现逻辑删除操作;
覆盖物信息管理模块,用于呈现并管理覆盖物的标注信息以及覆盖物的属性数据内容。
更优地,后端管理页面使用jeecg服务框架,按照场景内容呈现导航的模式进行建表及配置,实现对场景创建信息数据的新增、详情查看、修改和删除的数据维护功能;
前端将条件为isroot(是否根节点)=‘是’的数据读入vue的菜单组件,形成场景列表信息,将名称字段作为菜单标题进行呈现;同时在数据列表中通过使用是否有效、生效开始时间及生效结束时间三个字段,进行数据过滤,保障场景配置的时效性。
更优地,所述场景概览信息管理模块呈现的内容包括文本、图片、HTML、视频、表格及可视化数据效果;
当呈现效果为文本、图片或HTML时,调用vue的指定类型组件进行前端页面渲染;
当呈现效果为表格数据或可视化数据时,调用echrt组件进行前端页面渲染;
当呈现视频或其他接入类型数据时,根据要求进行定制化编辑。
更优地,前端使用echrt组件呈现内容,根据显示类型字段,进行呈现内容的渲染,封装后的jeecg组件包括饼图、柱图及折线图,组织可视化的数据和覆盖物信息公用,包括富文本数据、指标数据、二维表格结构-表及二维表格结构-数据;根据echart的API封装成指定的josn格式数据进行分别调用。
更优地,所述地图覆盖物配置模块渲染包括点、线及面(区域轮廓)的呈现形式;点用于描述单个位置信息,如网格员位置、楼宇位置等信息,为了突出三维地图呈现效果,并加入相关的高程信息用以辅助位置描述;线用于描述路径情况,如网格员的位置变化,接待领导的行进路线等信息;面用于描述范围情况,如网格、行政区划等信息;
前端使用51VR的API进行封装,根据types的类型,确定点、线、面(区域轮廓)的呈现形式,分别调用cloudRender.SuperAPI('RemoveAllCovering',{"covering_type":"poi"})、cloudRender.SuperAPI('RemoveAllCovering',{"covering_type":"path"})及cloudRender.SuperAPI('RemoveAllCovering',{"covering_type":"range"})进行覆盖形式渲染,将覆盖的经纬度通过points变量定义到参数内,在地图上实现覆盖物的呈现。
更优地,所述覆盖物信息管理模块通过后台管理页面使用jeecg服务框架,按照富文本数据、指标数据、二维表结构-标题、二维表结构-数据进行建表及配置,并实现覆盖物信息数据的新增、详情查看、修改及删除的数据维护功能。
更优地,所述覆盖物信息管理模块呈现的内容包括文本、图片、HTML、视频、表格及可视化数据效果额多种方式;
当呈现效果为文本、图片或HTML时,调用VUE的指定类型组件进行前端页面渲染;
当呈现效果为表格数据或可视化数据时,调用echrt组件进行前端页面渲染;
当呈现视频或其他接入类型数据时,根据要求进行定制化编辑‘’
呈现的数据存储根据展示形式分为三种情况,分别为富文本、指标数据、二维表格数据;数据存储结构分别参照富文本数据、指标数据、二维表格结构-表即二维表格结构-数据;其中,二维数据需要行列信息,将表格和数据进行分别的呈现展示;
其中,富文本用于文字性描述,指标数据用于统计数字的呈现,二维表是通过拆解成表结构说明及表数据两部分对信息进行完整描述。
一种基于场景的可视化配置实现方法,该方法是通过数据的配置,完成前端可视化内容的呈现,可视化内容的呈现包括场景创建、场景信息管理、场景覆盖物配置以及覆盖物信息管理;场景创建完成后,根据实际情况,对子场景的数据进行添加;并保存相关名称,呈现有效周期范围的信息;再通过对所包含的概述信息及覆盖物的配置将场景信息进行完整描述,详细信息的配置是根据展示信息,在超文本数据、指标数据集表格数据中进行分别配置,进而实现场景的可视化配置。
作为优选,该方法具体如下:
S1、创建场景:通过vue设计完成与每个场景相匹配的属性信息和场景标注(场景大点)信息;
S2、判断是否包含子专题:
①、若是,则执行步骤S3;
②、若否,则跳转至步骤S4;
S3、创建子场景:子节点信息编辑,形成二层树结构;
S4、场景概览信息配置:将场景概述信息进行综合呈现,即将DIV浮动在地图左右两侧区域,通过配置信息读取呈现方式;
S5、场景覆盖物配置:采用51VR地图引擎,通过调用API接口再地图上进行覆盖物新型渲染;通过后台管理页面使用jeecg服务框架按照地图覆盖物进行建表及配置,并实现对场景覆盖物数据的新增、详情查看、修改和删除,同时针对场景覆盖物信息数据的可用周期进行有效性管理,实现逻辑删除操作;
S6、覆盖物信息配置:呈现并管理覆盖物的标注信息以及覆盖物的属性数据内容;
S7、完成基于场景的可视化配置。
本发明的基于场景的可视化配置平台及实现方法具有以下优点:
(一)本发明使用前后端分离技术开发,通过接口进行前后端协同,前端VUE具有组件化、dom虚拟化等优点,使开发人员易学易用;图表使用开源软件Echart对前端页面进行补充,具有丰富的模板和酷炫的界面;地图使用项目采购的51VR渲染引擎,具有对客户端设备要求低,渲染效果好等优点;后台使用JEECG框架,进行统一代码、统一规范、统一设计思路,便于后期维护;
(二)本发明通过场景导航,可以组织可视化内容故事,按照一个故事发生的顺序,一页一页讲述给读者;你也可以认为它是一份PPT,按照你的逻辑将数据一步一步展示给对方;
(三)场景得每个主要“演员”是在地图上的打点信息,通过“唯物论”的方法体现出每个场景中关注的内容;
(四)每个打点信息上附带的属性信息包括文字、指标、二维数据等内容,可通过富文本标签、指标数据、多种类型的图表方式实现渲染,通过这些属性信息了解“演员”的状态信息,从而实现对场景中各位置实时信息的关注;
(五)本发明通过包括场景导航、地图覆盖物、地图覆盖物点击呈现属性tab、富文本数据、指标数据、二维表格结构数据等方面数据进行可视化的场景配置,实现可视化故事的讲述;并通过地图打点及附加的属性数据形成场景,将场景形成一个完整的故事进行叙述,以提高生产质量。
附图说明
下面结合附图对本发明进一步说明。
附图1为基于场景的可视化配置实现方法的流程框图;
附图2为场景创建模块的功能示意图;
附图3为场景概览信息管理模块的功能示意图;
附图4为地图覆盖物配置模块的功能示意图;
附图5为覆盖物信息管理模块的功能示意图。
具体实施方式
参照说明书附图和具体实施例对本发明的基于场景的可视化配置平台及实现方法作以下详细地说明。
实施例1:
本实施例的基于场景的可视化配置平台,该平台是以地图打点为基础,获取点线面进行属性配置组成场景,并通过场景组成故事实现可视化呈现方式;该平台的后端通过jeccg的低代码开发平台形成后台配置数据的增删改查接口,为vue框架提供前端服务;该平台的前端使用vue框架和echart接收传递的参数实现效果呈现;该平台包括,
场景创建模块,用于通过vue设计完成与每个场景相匹配的属性信息和场景标注(场景大点)信息;场景创建模块创建过程中,当存在子场景时,进行子节点信息编辑,形成二层树结构;
其中,场景菜单实际上相当于一个列表,通过VUE组件进行设计完成。根据使用的需要可以设计成横向菜单、纵向菜单、横向下拉菜单、纵向弹出菜单等多种方式,分别对应VUE的Menu、MenuItem、ReSubMenu、SubMenu等形式。
菜单中的每项代表一个场景,通过导航进行场景切换。每个场景都有与之匹配的属性信息、场景标注(场景打点)信息。如领导接待、活动保障、节假日流程等都可以作为一个场景进行组织。当一个场景的主要描述内容随时间或空间变化的情况下,可使用导航菜单的二级目录进行补充。如某次重要接待场景,根据接待的行程(时间)不同,接待位置不同情况,可以将高铁站、晚宴、宾馆等设置为二级菜单的内容。
如附图2所示,后端管理页面使用jeecg服务框架,按照场景内容呈现导航的模式进行建表及配置,实现对场景创建信息数据的新增、详情查看、修改和删除的数据维护功能;
前端将条件为isroot(是否根节点)=‘是’的数据读入vue的菜单组件,形成场景列表信息,将名称字段作为菜单标题进行呈现;同时在数据列表中通过使用是否有效、生效开始时间及生效结束时间三个字段,进行数据过滤,保障场景配置的时效性。
场景内容呈现导航表结构设计,如表1所示:
表1场景内容呈现导航
完成场景数据创建后,可以进行场景菜单呈现;样例数据,如表2所示:
表2场景内容呈现导航样例数据
场景概览信息管理模块,用于将场景概述信息进行综合呈现,即将DIV浮动在地图左右两侧区域,通过配置信息读取呈现方式;同时,场景信息管理模块还用于对场景数据的新增、修改以及删除,同时针对场景信息数据的可用周期进行有效性管理,实现逻辑删除操作,如附图3所示;
场景概览信息管理模块呈现的内容包括文本、图片、HTML、视频、表格及可视化数据效果;
当呈现效果为文本、图片或HTML时,调用vue的指定类型组件进行前端页面渲染;
当呈现效果为表格数据或可视化数据时,调用echrt组件进行前端页面渲染;
当呈现视频或其他接入类型数据时,根据要求进行定制化编辑。
将场景概览信息看作场景列表树的叶子节点,所以统一纳入到“场景内容呈现导航”表管理,并使用到“显示类型”字段以确认概览内容的呈现方式。
前端使用echrt组件呈现内容,根据显示类型字段,进行呈现内容的渲染,封装后的jeecg组件包括饼图、柱图及折线图,组织可视化的数据和覆盖物信息公用,包括富文本数据、指标数据、二维表格结构-表及二维表格结构-数据;根据echart的API封装成指定的josn格式数据进行分别调用,形如:
样例数据,如表3所示:
表4-9地图覆盖物点击呈现属性tab
地图覆盖物配置模块,用于采用51VR地图引擎,通过调用API接口再地图上进行覆盖物新型渲染;地图覆盖物配置模块通过后台管理页面使用jeecg服务框架按照地图覆盖物进行建表及配置,并实现对场景覆盖物数据的新增、详情查看、修改和删除,同时针对场景覆盖物信息数据的可用周期进行有效性管理,实现逻辑删除操作,如附图4所示;地图覆盖物配置模块渲染包括点、线及面(区域轮廓)的呈现形式;点用于描述单个位置信息,如网格员位置、楼宇位置等信息,为了突出三维地图呈现效果,并加入相关的高程信息用以辅助位置描述;线用于描述路径情况,如网格员的位置变化,接待领导的行进路线等信息;面用于描述范围情况,如网格、行政区划等信息;
前端使用51VR的API进行封装,根据types的类型,确定点、线、面(区域轮廓)的呈现形式,分别调用cloudRender.SuperAPI('RemoveAllCovering',{"covering_type":"poi"})、cloudRender.SuperAPI('RemoveAllCovering',{"covering_type":"path"})及cloudRender.SuperAPI('RemoveAllCovering',{"covering_type":"range"})进行覆盖形式渲染,将覆盖的经纬度通过points变量定义到参数内,在地图上实现覆盖物的呈现。
地图覆盖物表结构设计,如表4。
表4地图覆盖物表
样例数据,如表5所示:
表5地图覆盖物样例数据
覆盖物信息管理模块,用于呈现并管理覆盖物的标注信息以及覆盖物的属性数据内容。覆盖物信息管理模块通过后台管理页面使用jeecg服务框架,按照富文本数据、指标数据、二维表结构-标题、二维表结构-数据进行建表及配置,并实现覆盖物信息数据的新增、详情查看、修改及删除的数据维护功能,如附图5所示。
覆盖物信息管理模块呈现的内容包括文本、图片、HTML、视频、表格及可视化数据效果额多种方式;
当呈现效果为文本、图片或HTML时,调用VUE的指定类型组件进行前端页面渲染;
当呈现效果为表格数据或可视化数据时,调用echrt组件进行前端页面渲染;
当呈现视频或其他接入类型数据时,根据要求进行定制化编辑‘’
呈现的数据存储根据展示形式分为三种情况,分别为富文本、指标数据、二维表格数据;数据存储结构分别参照富文本数据、指标数据、二维表格结构-表即二维表格结构-数据;其中,二维数据需要行列信息,将表格和数据进行分别的呈现展示;
其中,富文本用于文字性描述,指标数据用于统计数字的呈现,二维表是通过拆解成表结构说明及表数据两部分对信息进行完整描述。
富文本数据设计,如表6所示:
表6地图覆盖物表
指标数据表结构设计,如表7所示:
表7地图覆盖物表
二维表结构(标题)表结构设计,如表8所示:
表8地图覆盖物表
二维表结构(数据)表结构设计,如表9所示:
表9地图覆盖物表
成数据配置后,可以进行呈现。
富文本样例数据,如表10所示:
表10富文本数据
指标样例数据,如表11所示:
/>
表11指标数据
二维表格结构(表标题)样例数据,如表12所示:
/>
表12二维表格结构(表标题)
二维表格结构(数据)样例数据,如表13所示:
/>
/>
表13二维表格结构(表数据)
实施例2:
本实施例的基于场景的可视化配置实现方法,该方法是通过数据的配置,完成前端可视化内容的呈现,可视化内容的呈现包括场景创建、场景信息管理、场景覆盖物配置以及覆盖物信息管理;场景创建完成后,根据实际情况,对子场景的数据进行添加;并保存相关名称,呈现有效周期范围的信息;再通过对所包含的概述信息及覆盖物的配置将场景信息进行完整描述,详细信息的配置是根据展示信息,在超文本数据、指标数据集表格数据中进行分别配置,进而实现场景的可视化配置;如附图1所示,该方法具体如下:
S1、创建场景:通过vue设计完成与每个场景相匹配的属性信息和场景标注(场景大点)信息;
S2、判断是否包含子专题:
①、若是,则执行步骤S3;
②、若否,则跳转至步骤S4;
S3、创建子场景:子节点信息编辑,形成二层树结构;
S4、场景概览信息配置:将场景概述信息进行综合呈现,即将DIV浮动在地图左右两侧区域,通过配置信息读取呈现方式;
S5、场景覆盖物配置:采用51VR地图引擎,通过调用API接口再地图上进行覆盖物新型渲染;通过后台管理页面使用jeecg服务框架按照地图覆盖物进行建表及配置,并实现对场景覆盖物数据的新增、详情查看、修改和删除,同时针对场景覆盖物信息数据的可用周期进行有效性管理,实现逻辑删除操作;
S6、覆盖物信息配置:呈现并管理覆盖物的标注信息以及覆盖物的属性数据内容;
S7、完成基于场景的可视化配置。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
Claims (8)
1.一种基于场景的可视化配置平台,其特征在于,该平台是以地图打点为基础,获取点线面进行属性配置组成场景,并通过场景组成故事实现可视化呈现方式;该平台的后端通过jeecg的低代码开发平台形成后台配置数据的增删改查接口,为vue框架提供前端服务;该平台的前端使用vue框架和echart接收传递的参数实现效果呈现;
该平台包括,
场景创建模块,用于通过vue设计完成与每个场景相匹配的属性信息和场景标注信息;场景创建模块创建过程中,当存在子场景时,进行子节点信息编辑,形成二层树结构;
场景概览信息管理模块,用于将场景概述信息进行综合呈现,即将DIV浮动在地图左右两侧区域,通过配置信息读取呈现方式;同时,场景信息管理模块还用于对场景数据的新增、修改以及删除,同时针对场景信息数据的可用周期进行有效性管理,实现逻辑删除操作;
地图覆盖物配置模块,用于采用51VR地图引擎,通过调用API接口再地图上进行覆盖物新型渲染;地图覆盖物配置模块通过后台管理页面使用jeecg服务框架按照地图覆盖物进行建表及配置,并实现对场景覆盖物数据的新增、详情查看、修改和删除,同时针对场景覆盖物信息数据的可用周期进行有效性管理,实现逻辑删除操作;
覆盖物信息管理模块,用于呈现并管理覆盖物的标注信息以及覆盖物的属性数据内容。
2.根据权利要求1所述的基于场景的可视化配置平台,其特征在于,后端管理页面使用jeecg服务框架,按照场景内容呈现导航的模式进行建表及配置,实现对场景创建信息数据的新增、详情查看、修改和删除的数据维护功能;
前端将条件为isroot=‘是’的数据读入vue的菜单组件,形成场景列表信息,将名称字段作为菜单标题进行呈现;同时在数据列表中通过使用是否有效、生效开始时间及生效结束时间三个字段,进行数据过滤,保障场景配置的时效性;其中,isroot用于判断是否为根节点。
3.根据权利要求1所述的基于场景的可视化配置平台,其特征在于,所述场景概览信息管理模块呈现的内容包括文本、图片、HTML、视频、表格及可视化数据效果;
当呈现效果为文本、图片或HTML时,调用vue的指定类型组件进行前端页面渲染;
当呈现效果为表格数据或可视化数据时,调用echart组件进行前端页面渲染;
当呈现视频或其他接入类型数据时,根据要求进行定制化编辑。
4.根据权利要求3所述的基于场景的可视化配置平台,其特征在于,前端使用echart组件呈现内容,根据显示类型字段,进行呈现内容的渲染,封装后的jeecg组件包括饼图、柱图及折线图,组织可视化的数据和覆盖物信息公用,包括富文本数据、指标数据、二维表格结构-表及二维表格结构-数据;根据echart的API封装成指定的json格式数据进行分别调用。
5.根据权利要求1所述的基于场景的可视化配置平台,其特征在于,所述地图覆盖物配置模块渲染包括点、线及面的呈现形式;点用于描述单个位置信息;线用于描述路径情况;面用于描述范围情况;
前端使用51VR的API进行封装,根据types的类型,确定点、线、面的呈现形式,分别调用cloudRender.SuperAPI('RemoveAllCovering', {"covering_type":"poi"})、cloudRender.SuperAPI('RemoveAllCovering', {"covering_type":"path"})及cloudRender.SuperAPI('RemoveAllCovering', {"covering_type":"range"})进行覆盖形式渲染,将覆盖的经纬度通过points变量定义到参数内,在地图上实现覆盖物的呈现。
6.根据权利要求1所述的基于场景的可视化配置平台,其特征在于,所述覆盖物信息管理模块通过后台管理页面使用jeecg服务框架,按照富文本数据、指标数据、二维表结构-标题、二维表结构-数据进行建表及配置,并实现覆盖物信息数据的新增、详情查看、修改及删除的数据维护功能。
7.根据权利要求1所述的基于场景的可视化配置平台,其特征在于,所述覆盖物信息管理模块呈现的内容包括文本、图片、HTML、视频、表格及可视化数据效果额多种方式;
当呈现效果为文本、图片或HTML时,调用VUE的指定类型组件进行前端页面渲染;
当呈现效果为表格数据或可视化数据时,调用echart组件进行前端页面渲染;
当呈现视频或其他接入类型数据时,根据要求进行定制化编辑‘’
呈现的数据存储根据展示形式分为三种情况,分别为富文本、指标数据、二维表格数据;数据存储结构分别参照富文本数据、指标数据、二维表格结构-表即二维表格结构-数据;其中,二维数据需要行列信息,将表格和数据进行分别的呈现展示;
其中,富文本用于文字性描述,指标数据用于统计数字的呈现,二维表是通过拆解成表结构说明及表数据两部分对信息进行完整描述。
8.一种基于场景的可视化配置实现方法,其特征在于,该方法是通过数据的配置,完成前端可视化内容的呈现,可视化内容的呈现包括场景创建、场景信息管理、场景覆盖物配置以及覆盖物信息管理;场景创建完成后,根据实际情况,对子场景的数据进行添加;并保存相关名称,呈现有效周期范围的信息;再通过对所包含的概述信息及覆盖物的配置将场景信息进行完整描述,详细信息的配置是根据展示信息,在超文本数据、指标数据集表格数据中进行分别配置,进而实现场景的可视化配置;
该方法具体如下:
S1、创建场景:通过vue设计完成与每个场景相匹配的属性信息和场景标注信息;
S2、判断是否包含子专题:
①、若是,则执行步骤S3;
②、若否,则跳转至步骤S4;
S3、创建子场景:子节点信息编辑,形成二层树结构;
S4、场景概览信息配置:将场景概述信息进行综合呈现,即将DIV浮动在地图左右两侧区域,通过配置信息读取呈现方式;
S5、场景覆盖物配置:采用51VR地图引擎,通过调用API接口再地图上进行覆盖物新型渲染;通过后台管理页面使用jeecg服务框架按照地图覆盖物进行建表及配置,并实现对场景覆盖物数据的新增、详情查看、修改和删除,同时针对场景覆盖物信息数据的可用周期进行有效性管理,实现逻辑删除操作;
S6、覆盖物信息配置:呈现并管理覆盖物的标注信息以及覆盖物的属性数据内容;
S7、完成基于场景的可视化配置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210196439.0A CN114564534B (zh) | 2022-03-01 | 2022-03-01 | 基于场景的可视化配置平台及实现方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210196439.0A CN114564534B (zh) | 2022-03-01 | 2022-03-01 | 基于场景的可视化配置平台及实现方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114564534A CN114564534A (zh) | 2022-05-31 |
CN114564534B true CN114564534B (zh) | 2023-09-29 |
Family
ID=81715275
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210196439.0A Active CN114564534B (zh) | 2022-03-01 | 2022-03-01 | 基于场景的可视化配置平台及实现方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114564534B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114862999A (zh) * | 2022-07-11 | 2022-08-05 | 杭州安恒信息技术股份有限公司 | 一种打点渲染方法、装置、设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108153886A (zh) * | 2017-12-28 | 2018-06-12 | 北京恒泰实达科技股份有限公司 | 实时数据在web应用中的自定义可视化展示方法 |
CN110807600A (zh) * | 2019-11-11 | 2020-02-18 | 中国科学院遥感与数字地球研究所 | 一种土壤侵蚀评估系统 |
CN111666526A (zh) * | 2020-06-17 | 2020-09-15 | 广州市百果园信息技术有限公司 | 页面生成方法、装置、设备及存储介质 |
CN111858723A (zh) * | 2020-07-20 | 2020-10-30 | 浪潮云信息技术股份公司 | 基于gis平台构建可视化一张图应用的系统及方法 |
CN112328212A (zh) * | 2020-09-08 | 2021-02-05 | 中国电子系统技术有限公司 | 一种基于引擎模式前后端分离的快速开发平台及其使用方法 |
CN112650897A (zh) * | 2020-12-23 | 2021-04-13 | 广西交控智维科技发展有限公司 | 基于轨道资产系统的信息监测系统及显示方法 |
WO2021068609A1 (zh) * | 2019-10-11 | 2021-04-15 | 苏宁云计算有限公司 | 一种基于vuex的可视化报表工具自动化测试方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20190065444A1 (en) * | 2017-08-30 | 2019-02-28 | Explica, Inc. | Techniques for efficient & high-throughput web content-creation |
-
2022
- 2022-03-01 CN CN202210196439.0A patent/CN114564534B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108153886A (zh) * | 2017-12-28 | 2018-06-12 | 北京恒泰实达科技股份有限公司 | 实时数据在web应用中的自定义可视化展示方法 |
WO2021068609A1 (zh) * | 2019-10-11 | 2021-04-15 | 苏宁云计算有限公司 | 一种基于vuex的可视化报表工具自动化测试方法及装置 |
CN110807600A (zh) * | 2019-11-11 | 2020-02-18 | 中国科学院遥感与数字地球研究所 | 一种土壤侵蚀评估系统 |
CN111666526A (zh) * | 2020-06-17 | 2020-09-15 | 广州市百果园信息技术有限公司 | 页面生成方法、装置、设备及存储介质 |
CN111858723A (zh) * | 2020-07-20 | 2020-10-30 | 浪潮云信息技术股份公司 | 基于gis平台构建可视化一张图应用的系统及方法 |
CN112328212A (zh) * | 2020-09-08 | 2021-02-05 | 中国电子系统技术有限公司 | 一种基于引擎模式前后端分离的快速开发平台及其使用方法 |
CN112650897A (zh) * | 2020-12-23 | 2021-04-13 | 广西交控智维科技发展有限公司 | 基于轨道资产系统的信息监测系统及显示方法 |
Non-Patent Citations (2)
Title |
---|
基于Vue.js的单页面WebGIS可视化框架研究与实现;李成仁;;地理空间信息(第05期);91-94+106 * |
基于Vue+JEECG纪法在线学习考试系统的实现;胡雨时;现代信息科技(第17期);93-95 * |
Also Published As
Publication number | Publication date |
---|---|
CN114564534A (zh) | 2022-05-31 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Stolper et al. | Emerging and recurring data-driven storytelling techniques: Analysis of a curated collection of recent stories | |
Bryan et al. | Temporal summary images: An approach to narrative visualization via interactive annotation generation and placement | |
CN104216691B (zh) | 一种创建应用的方法及装置 | |
CN104350493B (zh) | 将数据变换成可消费的内容 | |
US20150049951A1 (en) | Presenting meaningful information summary for analyzing complex visualizations | |
US11423042B2 (en) | Extracting information from unstructured documents using natural language processing and conversion of unstructured documents into structured documents | |
US10078634B2 (en) | Visualizing and exploring natural-language text | |
US20200081940A1 (en) | Method and apparatus for browsing information | |
Steinbrückner et al. | Understanding software evolution with software cities | |
Tominski et al. | Toward flexible visual analytics augmented through smooth display transitions | |
CN114564534B (zh) | 基于场景的可视化配置平台及实现方法 | |
Ying et al. | MetaGlyph: Automatic generation of metaphoric glyph-based visualization | |
US11392753B2 (en) | Navigating unstructured documents using structured documents including information extracted from unstructured documents | |
CN114816380A (zh) | 一种面向医疗机构的低代码平台 | |
US20180081885A1 (en) | Handoff support in asynchronous analysis tasks using knowledge transfer graphs | |
Wybrow et al. | Interaction in the visualization of multivariate networks | |
Fischer et al. | Brassau: automatic generation of graphical user interfaces for virtual assistants | |
Guldamlasioglu | Web-based information visualization using JavaScript | |
Marcus et al. | Design, User Experience, and Usability: Understanding Users and Contexts: 6th International Conference, DUXU 2017, Held as Part of HCI International 2017, Vancouver, BC, Canada, July 9-14, 2017, Proceedings, Part III | |
EP2953016B1 (en) | System and method for interactively visualizing rules and exceptions | |
Wagner et al. | Reimagining TaxiVis through an Immersive Space-Time Cube metaphor and reflecting on potential benefits of Immersive Analytics for urban data exploration | |
Ma et al. | Iconic categorization with knowledge-based “icon systems” can improve collaborative KM | |
Nazemi et al. | Information visualization and policy modeling | |
CN113535296B (zh) | 内容组织、显示方法及相应的设备 | |
Jorge et al. | Design Guidance for Interactive Visualization of Movies and Videos in Time and Space |
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 | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20230904 Address after: 250100 27F, building S02, Langchao Science Park, No. 1036, Langchao Road, high tech Zone, Jinan, Shandong Province Applicant after: Shandong Langchao new infrastructure Technology Co.,Ltd. Address before: 250100 South 1st floor, S06 building, No. 1036, Inspur Road, high tech Zone, Jinan City, Shandong Province Applicant before: Jinan Langchao zhitou Intelligent Technology Co.,Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |