一种数据图谱可视化方法、设备、存储介质及程序产品技术

本发明专利技术公开了一种数据图谱可视化方法、设备、存储介质及程序产品，具备大规模图谱数据可视化展示和分析能力。可以对数万规模的关系节点进行可视化展示和交互分析，而不会产生界面卡顿和崩溃的现象。具备对不同系统主题风格的灵活适配，以及满足对节点和连线的个性化样式展示需求。式展示需求。式展示需求。

【技术实现步骤摘要】
一种数据图谱可视化方法、设备、存储介质及程序产品


[0001]本专利技术主要涉及计算机显示领域，尤其涉及一种数据图谱可视化方法、设备、存储介质及程序产品。

技术介绍

[0002]知识图谱是借助可视化技术直观展示知识及它们之间的相互关系，其中实体作为图谱中的节点，实体之间的语义关系作为图谱的边。知识图谱打破数据隔离，能够更方便的进行知识推理，深层关系挖掘等应用场景。
[0003]传统的图谱可视化方案在进行数据渲染、样式展示、动态变化等面存在性能差，样式配置单一，扩展性差的问题。
[0004]主要表现在：
[0005]当数据规模较大时，图谱无法进行流畅交互，甚至不能渲染展示，出现界面卡顿或者不可用的情况。
[0006]无法进行节点、连线、文字等元素的具体呈现效果，样式配置不够灵活多变，实际应用中不能很好的支持多样式展示的场景需求。
[0007]因此，本领域的技术人员致力于开发一种能够解决上述问题的数据图谱可视化方法。

技术实现思路

[0008]有鉴于现有技术的上述缺陷，本专利技术所要解决的技术问题包括：
[0009]如何设计一种能够解决卡顿问题，并且具有较好显示样式的数据图谱可视化方法、设备、存储介质及程序产品。
[0010]为实现上述目的，本专利技术提供了一种数据图谱可视化方法，基于HTML5标准的Canvas绘图标签，通过对约定的标准规范的数据进行解析，将数据中的节点和节点间存在的关联关系连线，以图形化的方式显示出来。
[0011]进一步地，所述方法包括步骤：
[0012]A、初始化绘图对象，确定显示窗口大小；
[0013]B、为绘图对象配置节点和连线的展示样式；
[0014]C、获得数据图谱需要展示的数据；
[0015]D、解析数据，将数据中的节点和节点间存在的关联关系连线，形成可视化数据对象；
[0016]E、绘图对象根据展示样式以及可视化数据对象，绘制画布，在显示窗口可视化展示数据图谱。
[0017]进一步地，所述方法还包括拖动检测：当画布拖动时，计算画布重新刷新时显示窗口内的图形元素；当拖动完成时，只渲染显示窗口内的图形元素，不渲染外部的图形元素。
[0018]进一步地，所述方法还包括事件检测，绘图对象根据画布事件，显示相关数据。
[0019]进一步地，所述展示样式包括节点的形状、颜色、大小以及关联关系连线的形状、颜色、大小。
[0020]进一步地，所述相关数据为节点的详细数据或者关联关系连线的详细数据；所述画布事件包括光标接触、左键点击、右键点击。
[0021]进一步地，所述绘图对象根据展示样式以及节点和及节点间存在的关联关系连线，绘制画布步骤为：
[0022]E1，绘图对象根据可视化数据对象将图谱数据绘制在画布上，形成未渲染的图谱数据；
[0023]E2，绘图对象根据展示样式，渲染未渲染的图谱数据，形成可视化数据图谱。
[0024]一种任务分配的设备，包括：存储器，处理器；
[0025]处理器，存储器，以及存储在所述存储器上并可在所述处理器上运行的计算机程序；
[0026]其中，所述处理器运行前述的方法。
[0027]一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现前述的方法。
[0028]一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现前述的方法。
[0029]与现有技术方案相比，本专利技术的技术效果在于：本专利技术通过拖动检测方法，具备大规模图谱数据可视化展示和分析能力。可以对数万规模的关系节点进行可视化展示和交互分析，而不会产生界面卡顿和崩溃的现象。
[0030]本专利技术通过事件检测方法，具备对不同系统主题风格的灵活适配，以及满足对节点和连线的个性化样式展示需求。
[0031]以下将结合附图对本专利技术的构思、具体结构及产生的技术效果作进一步说明，以充分地了解本专利技术的目的、特征和效果。
附图说明
[0032]图1是本专利技术一个实施例的流程图；
[0033]图2是本专利技术一个实施例的拖动检测对比图。
具体实施方式
[0034]以下参考说明书附图介绍本专利技术的多个优选实施例，使其
技术实现思路
更加清楚和便于理解。本专利技术可以通过许多不同形式的实施例来得以体现，本专利技术的保护范围并非仅限于文中提到的实施例。
[0035]在附图中，结构相同的部件以相同数字标号表示，各处结构或功能相似的组件以相似数字标号表示。附图所示的每一组件的尺寸和厚度是任意示出的，本专利技术并没有限定每个组件的尺寸和厚度。为了使图示更清晰，附图中有些地方适当夸大了部件的厚度。
[0036]一种数据图谱可视化方法，基于HTML5标准的绘图标签，通过对约定的标准规范的数据进行解析，将数据中的节点和节点间存在的关联关系连线，用图形化的方式显示出来。
[0037]本实施例中，使用定义的JSON数据结构作为标准，容易解析，体积小，传输快，可视
化使用的javascript语言可以直接操作数据对象，无需特殊转换。通过对图数据Graph<V,E>的模型抽象，将图定义为一个JSON对象，对象中包含了一组节点nodes和一组关系links，共同组成了图数据中的节点和连线的数据抽象。
[0038]其中节点数据定义有id属性，用于区分节点的唯一性，label属性用于显示节点的说明文字，cluster属性标识节点的业务类型，attribute属性定义节点的显示样式，properties属性存放任意的业务数据，用于在交互过程中做逻辑判断或者信息展示使用。
[0039]连线数据也定义了id属性，用于区分关系的唯一性，label属性用来显示的连线上文字，type属性是对应关系连线的业务类型，attribute属性定义了连线的显示样式，properties属性存放关系的任意业务数据，用于在交互过程中做逻辑判断或者信息展示使用。
[0040]如图1所示，所述方法包括步骤：
[0041]A、初始化绘图对象，确定显示窗口大小；
[0042]B、为绘图对象配置节点和连线的展示样式；
[0043]C、获得数据图谱需要展示的数据；
[0044]D、解析数据，将数据中的节点和节点间存在的关联关系连线，形成可视化数据对象；
[0045]E、绘图对象根据展示样式以及可视化数据对象，绘制画布，在显示窗口可视化展示数据图谱。
[0046]进一步地，所述方法还包括拖动检测：当画布拖动时，计算画布重新刷新时显示窗口内的图形元素；当拖动完成时，只渲染显示窗口内的图形元素，不渲染外部的图形元素。
[0047]进一步地，所述方法还包括事件检测，绘图对象根据画布事件，显示相关数据。
[0048]进一步地，所述展示样式包括节点的形状、颜色、大小以及关联关系连线的形状、颜色、大小。<本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据图谱可视化方法，其特征在于：基于HTML5标准的绘图标签，通过对约定的标准规范的数据进行解析，将数据中的节点和节点间存在的关联关系连线，用图形化的方式显示出来。2.根据权利要求1所述的数据图谱可视化方法，其特征在于，所述方法包括步骤：A、初始化绘图对象，确定显示窗口大小；B、为绘图对象配置节点和连线的展示样式；C、获得数据图谱需要展示的数据；D、解析数据，将数据中的节点和节点间存在的关联关系连线，形成可视化数据对象；E、绘图对象根据展示样式以可视化数据对象，绘制画布，在显示窗口可视化展示数据图谱。3.根据权利要求2所述的数据图谱可视化方法，其特征在于，所述方法还包括拖动检测：当画布拖动时，计算画布重新刷新时显示窗口内的图形元素；当拖动完成时，只渲染显示窗口内的图形元素，不渲染外部的图形元素。4.根据权利要求2所述的数据图谱可视化方法，其特征在于，所述方法还包括事件检测，绘图对象根据画布事件，显示相关数据。5.据权利要求2所述的数据图谱可视化方法，其特征在于，所述展示样式包括节点的形状、颜色、大小以及关联关系连线的形状、颜色、大小。6.根据权利要求4所述的数据图谱可视...

【专利技术属性】
技术研发人员：杜宝鹏，张登，刘其峰，王继能，赵新军，
申请(专利权)人：上海熙菱信息技术有限公司，
类型：发明
国别省市：