CN105808682A - 一种关系图展示的方法和装置 - Google Patents
一种关系图展示的方法和装置 Download PDFInfo
- Publication number
- CN105808682A CN105808682A CN201610118021.2A CN201610118021A CN105808682A CN 105808682 A CN105808682 A CN 105808682A CN 201610118021 A CN201610118021 A CN 201610118021A CN 105808682 A CN105808682 A CN 105808682A
- Authority
- CN
- China
- Prior art keywords
- pel
- relation
- characterizes
- graph
- formatted data
- 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.)
- Pending
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/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/35—Clustering; Classification
- G06F16/358—Browsing; Visualisation therefor
Abstract
本发明提供了一种关系图展示的方法和装置,该方法包括:自定义设置各个图元样式的属性值;实时接收第一格式数据集,将所述第一格式数据集转换为第二格式数据集;分析所述第二格式数据集,确定所述第二格式数据集中数据间的关联关系;建立所述第二格式数据集中的数据与所述自定义设置的各个图元样式的属性值的对应关系;根据所述关联关系、所述对应关系和所述各个图元样式的属性值,生成图元关系图,并对所述图元关系图进行展示。本方案实现了利用数据自动生成关系图。
Description
技术领域
本发明涉及计算机应用技术领域,特别涉及一种关系图展示的方法和装置。
背景技术
随着大数据时代的到来,纷繁复杂的关联性数据蕴含着大量的有用信息,而通过关系图展现关联性数据,有效地分析、归纳并总结出数据的规律,能够直观地为客户展现数据的关联性。
目前,关系图的展示方式是,用户通过人工的方式分析格式不统一的数据间的关系,根据人工分析出的数据间关系,利用画布画出固定模式的静态的关系图,那么,当数据间的关系发生变化时,该静态的关系图不会随之发生变化。因此,现有的关系图的展示方式,主要是通过人工的方式画出的静态关系图,而不能利用数据自动生成关系图。
发明内容
本发明实施例提供了一种关系图展示的方法和装置,实现了利用数据自动生成关系图。
一种关系图展示的方法,设置各个图元样式的属性值,还包括:
接收第一格式数据集,将所述第一格式数据集转换为第二格式数据集;
分析所述第二格式数据集,确定所述第二格式数据集中数据间的关联关系;
建立所述第二格式数据集中的数据与所述各个图元样式的属性值的对应关系;
根据所述关联关系、所述对应关系和所述各个图元样式的属性值,生成图元关系图,并对所述图元关系图进行展示。
优选地,所述根据所述关联关系、所述对应关系和所述各个图元样式的属性值,生成图元关系图,包括:
根据所述第二格式数据集中的各个数据,计算各个图元的绘制位置;
在所述各个图元的绘制位置,根据所述各个图元样式的属性值,绘制对应的图元;
根据所述对应关系,将所述第二格式数据集中数据绑定到所述对应的图元;
根据所述关联关系,生成所述各个图元之间的连线。
优选地,所述计算各个图元的绘制位置,包括:
在画布中设置坐标系,其中,画布的右上角为坐标原点,从坐标原点向左的直线为x轴,从坐标原点向下的直线为y轴;
将所述各个图元划分为至少一列图元,并从所述第二格式数据集中,确定列图元的列数;
确定画布宽度,并根据下述公式,计算每一列图元中每个图元的横坐标;
其中,x表征每个图元的横坐标,i表征每个图元属于第i列图元;m表征画布的宽度;n表征列图元的列数;
确定画布高度及图元的总个数,并根据下述公式,计算每个图元的纵坐标;
其中,y表征每个图元的纵坐标,k表征第k个图元;h表征画布的高度;g表征图元的总个数;A表征常数。
优选地,所述生成所述各个图元之间的连线,包括:
确定所述各个图元中任意第一图元的上、下、右、左四个方向上的中点A1(xA1,yA1)、A2(xA2,yA2)、A3(xA3,yA3)、A4(xA4,yA4);
确定与所述第一图元有关联关系的第二图元的上、下、右、左四个方向上的中点B1(xB1,yB1)、B2(xB2,yB2)、B3(xB3,yB3)、B4(xB4,yB4);
分别计算A1、A2、A3、A4到B1、B2、B3、B4之间的距离disAiBj,其中,i={1、2、3、4},j={1、2、3、4};
计算disApBq=min{disA1B1,disA1B2,disA1B3,disA1B4,…,disA4B4},确定连线的首尾结点Ap和Bq,其中,p={1、2、3、4},q={1、2、3、4};
连接结点Ap和Bq。
优选地,所述第二格式数据集为JSON对象数据集。
一种关系图展示的装置,包括:
设置单元,用于设置各个图元样式的属性值;
解析引擎单元,用于接收第一格式数据集,将所述第一格式数据集转换为第二格式数据集,并分析所述第二格式数据集,确定所述第二格式数据集中数据间的关联关系,建立所述第二格式数据集中的数据与所述设置单元设置的各个图元样式的属性值的对应关系;
关系图展示单元,用于根据所述解析引擎单元确定的关联关系、所述对应关系和所述设置单元设置的各个图元样式的属性值,生成图元关系图,并对所述图元关系图进行展示。
优选地,所述关系图展示单元中包括:
关系图生成子单元,用于根据第二格式数据集中的各个数据,计算各个图元的绘制位置;在所述各个图元的绘制位置,根据所述各个图元样式的属性值,绘制对应的图元;根据所述对应关系,将所述第二格式数据集中数据绑定到所述对应的图元;根据所述关联关系,生成所述各个图元之间的连线。
优选地,所述关系图展示单元中包括:
位置确定子单元,用于在画布中设置坐标系,其中,画布的右上角为坐标原点,从坐标原点向左的直线为x轴,从坐标原点向下的直线为y轴;将所述各个图元划分为至少一列图元,并从所述第二格式数据集中,确定列图元的列数;确定画布宽度,并根据下述公式,计算每一列图元中每个图元的横坐标;
其中,x表征每个图元的横坐标,i表征每个图元属于第i列图元;m表征画布的宽度;n表征列图元的列数;
确定画布高度及图元的总个数,并根据下述公式,计算每个图元的纵坐标;
其中,y表征每个图元的纵坐标,k表征第k个图元;h表征画布的高度;g表征图元的总个数;A表征常数。
优选地,所述关系图展示单元中包括:
连线生成子单元,用于确定所述各个图元中第一图元的上、下、右、左四个方向上的中点A1(xA1,yA1)、A2(xA2,yA2)、A3(xA3,yA3)、A4(xA4,yA4);
确定与所述第一图元有关联关系的第二图元的上、下、右、左四个方向上的中点B1(xB1,yB1)、B2(xB2,yB2)、B3(xB3,yB3)、B4(xB4,yB4);
分别计算A1、A2、A3、A4到B1、B2、B3、B4之间的距离disAiBj,其中,i={1、2、3、4},j={1、2、3、4};
计算disApBq=min{disA1B1,disA1B2,disA1B3,disA1B4,…,disA4B4},确定连线的首尾结点Ap和Bq,其中,p={1、2、3、4},q={1、2、3、4};
连接结点Ap和Bq。
优选地,所述第二格式数据集为JSON对象数据集。
本发明实施例提供了一种关系图展示的方法和装置,该方法包括:设置各个图元样式的属性值;接收第一格式数据集,将所述第一格式数据集转换为第二格式数据集;分析所述第二格式数据集,确定所述第二格式数据集中数据间的关联关系;建立所述第二格式数据集中的数据与所述设置的各个图元样式的属性值的对应关系;根据所述关联关系、所述对应关系和所述各个图元样式的属性值,生成图元关系图,并对所述图元关系图进行展示,通过统一数据的格式,使得数据间的关系能够被准确的提取出来,同时,上述过程建立起了数据与图元之间直接的关联关系,即由于图元是由数据和图元样式属性值得到,那么,当数据发生变化时,图元也会相应的改变,并且,能够根据提取出来的数据间的关系直接建立起图元之间的关联关系,而无需人工绘制图元和图元间的连线,实现了利用数据自动生成关系图。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一个实施例提供的一种关系图展示的方法的流程图;
图2是本发明另一个实施例提供的一种关系图展示的方法的流程图;
图3是本发明实施例通过关系图展示的方法生成的人际关系家谱图;
图4是本发明实施例提供的关系图展示的装置所在架构的结构示意图;
图5是本发明一个实施例提供的一种关系图展示的装置的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例,基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图1所示,本发明实施例提供了一种关系图展示的方法,该方法可以包括以下步骤:
步骤101:设置各个图元样式的属性值;
步骤102:接收第一格式数据集,将第一格式数据集转换为第二格式数据集;
步骤103:分析第二格式数据集,确定第二格式数据集中数据间的关联关系;
步骤104:建立第二格式数据集中的数据与各个图元样式的属性值的对应关系;
步骤105:根据关联关系、对应关系和各个图元样式的属性值,生成图元关系图,并对图元关系图进行展示。
图1所示的本发明实施例中,通过设置各个图元样式的属性值;接收第一格式数据集,将所述第一格式数据集转换为第二格式数据集;分析所述第二格式数据集,确定所述第二格式数据集中数据间的关联关系;建立所述第二格式数据集中的数据与所述各个图元样式的属性值的对应关系;根据所述关联关系、所述对应关系和所述各个图元样式的属性值,生成图元关系图,并对所述图元关系图进行展示,通过统一数据的格式,使得数据间的关系能够被准确的提取出来,同时,上述过程建立起了数据与图元之间直接的关联关系,即由于图元是由数据和图元样式属性值得到,那么,当数据发生变化时,图元也会相应的改变,并且,能够根据提取出来的数据间的关系直接建立起图元之间的关联关系,而无需人工绘制图元和图元间的连线,实现了利用数据自动生成关系图。。
在本发明一个实施例中,在步骤105之后,进一步包括:选中所述图元关系图中当前图元;接收对所述当前图元的拖拽,更改所述当前图元的位置。通过这一过程,使得用户能够根据自己的需要任意拖动图元,以改变图元的位置,支持用户的交互操作,使得关系图能够被重新部署,使得关系图的部署更具有灵活性。
在本发明一个实施例中,步骤105的具体实施方式包括:根据所述第二格式数据集中的各个数据,计算各个图元的绘制位置;在所述各个图元的绘制位置,根据所述各个图元样式的属性值,绘制对应的图元;根据所述对应关系,将所述第二格式数据集中数据绑定到所述对应的图元;根据所述关联关系,生成所述各个图元之间的连线,通过计算图元的绘制位置以及图元间的连线,使得关系图在画布中的位置、图元在画布中的位置以及图元之间的位置得到合理的部署,关系图比较美观。
在本发明一个实施例中,计算各个图元的绘制位置,包括:
在画布中设置坐标系,其中,画布的右上角为坐标原点,从坐标原点向左的直线为x轴,从坐标原点向下的直线为y轴;将所述各个图元划分为至少一列图元,并从所述第二格式数据集中,确定列图元的列数;确定画布宽度,并根据下述公式,计算每一列图元中每个图元的横坐标;
其中,x表征每个图元的横坐标,i表征每个图元属于第i列图元;m表征画布的宽度;n表征列图元的列数;
确定画布高度及图元的总个数,并根据下述公式,计算每个图元的纵坐标;
其中,y表征每个图元的纵坐标,k表征第k个图元;h表征画布的高度;g表征图元的总个数;A表征常数。通过上述计算图元位置的过程,使得图元在画布中得到合理的布局。
在本发明一个实施例中,生成所述各个图元之间的连线,包括:确定所述各个图元中任意第一图元的上、下、右、左四个方向上的中点A1(xA1,yA1)、A2(xA2,yA2)、A3(xA3,yA3)、A4(xA4,yA4);确定与所述第一图元有关联关系的第二图元的上、下、右、左四个方向上的中点B1(xB1,yB1)、B2(xB2,yB2)、B3(xB3,yB3)、B4(xB4,yB4);分别计算A1、A2、A3、A4到B1、B2、B3、B4之间的距离disAiBj,其中,i={1、2、3、4},j={1、2、3、4};计算disApBq=min{disA1B1,disA1B2,disA1B3,disA1B4,…,disA4B4},确定连线的首尾结点Ap和Bq,其中,p={1、2、3、4},q={1、2、3、4};连接结点Ap和Bq,使得图元之间连线比较清晰,保证了关系图的清晰度和表达的准确性。
在本发明一个实施例中,第二格式数据集为JSON对象数据集,由于JSON对象是独立于语言的文本交流格式,其可被多种语言所识别,有效地提高了本发明实施例提供方法的实用性。
本发明又一实施例提供了一种关系图展示的方法,在该实施例的方法中,将接收的各种格式的数据集统一为JSON格式,即第二格式数据集为JSON对象数据集为例,来进行说明。如图2所示,该方法可以包括以下步骤:
步骤201:自定义设置各个图元样式的属性值;
在该步骤中,自定义图元样式的JSON对象如下所示:
其中,styleKey(字符串)的值是图元数据中的某个属性,代表用户根据此属性值的不同,定义不同的样式;styleRef(JSON对象)的值是styleKey所指定的属性的值与样式名的对应关系,即为不同的属性值定义不同的样式;lineColor(字符串)指定一个颜色值,用于定义图元之间连线的颜色。
在该图元样式的JSON对象中,用户可以自定义styleKey对应的值、styleRef对应的值以及lineColor对应的值,能够根据客户需求,灵活的展示关系图中图元的形状、颜色、大小等等,可以帮助用户定制不同风格的关系图,能够满足不用领域、不同应用场景的关系图展示。
步骤202:实时接收第一格式数据集,将第一格式数据集转换为JSON对象数据集。
在该步骤中,转换为的JSON对象数据集如下所示:
JSON对象采用上述格式统计数据集中的数据,通过datas能够确定出数据的ID、数据名称、类型以及数据属于哪列;而通过relations可以知道数据与其它数据间的关系,该实时接收数据的过程,使得图元能够及时根据数据的变动发生相应的调整。
步骤203:分析JSON对象数据集,确定JSON对象数据集中数据间的关联关系;
该步骤主要是分析datas和relations中的属性值,通过属性值确定出数据及数据间的关联关系。
步骤204:建立JSON对象数据集中的数据与自定义设置的各个图元样式的属性值的对应关系;
在步骤201中自定义了图元样式,通过该步骤建立数据与图元样式间的对应关系,则数据以对应样式的图元展现出来,由于用户通过图元更容易捕捉到有用的信息,那么,通过该步骤建立的对应关系,使得数据展示具有直观性。
步骤205:根据JSON对象数据集中的各个数据,计算各个图元的绘制位置;
在该步骤中,主要是为了使图元和关系图在画布中的位置分配比较合理美观。该步骤计算图元位置的具体过程如下所示:
在画布中设置坐标系,其中,画布的右上角为坐标原点,从坐标原点向左的直线为x轴,从坐标原点向下的直线为y轴;
将各个图元划分为至少一列图元,并从JSON对象数据集中,确定列图元的列数;
确定画布宽度,并根据下述公式,计算每一列图元中每个图元的横坐标;
其中,x表征每个图元的横坐标,i表征每个图元属于第i列图元;m表征画布的宽度;n表征列图元的列数;C表征横坐标常数
确定画布高度及图元的总个数,并根据下述公式,计算每个图元的纵坐标;
其中,y表征每个图元的纵坐标,k表征第k个图元;h表征画布的高度;g表征图元的总个数;A表征纵坐标常数。
通过上述过程计算得到的图元坐标中,属于同一列图元的每个图元具有相同的横坐标,同时,每个图元具有不同的纵坐标。如图3所示,在人际关系家谱图中,包含有当事人、当事人的父母、当事人的姐姐,用户可根据自己的习惯或需求划分列图元,在本实施例中,以辈分来划分列图元,即当事人、当事人的姐姐属于同一列图元;当事人的父母属于另一列图元,则该人际关系家谱图中有2个列图元;假设画布宽度是100cm,画布高度也是100cm,通过上述计算公式,计算得到的当事人图元的坐标为(50+C,60+A);当事人的姐姐图元的坐标为(50+C,20+A);当事人的父亲图元的坐标为(100+C,40+A);当事人的母亲图元的坐标为(100+C,80+A)。
步骤206:在各个图元的绘制位置,根据各个图元样式的属性值,绘制对应的图元;
如图3所示,各个图元均以矩形表示,其中,矩形的颜色可以根据用户需求进行设定。
步骤207:根据对应关系,将JSON对象数据集中数据绑定到对应的图元;
如图3所示,人际关系家谱图中,将当事人、姐姐、父亲、母亲各自对应的图元与数据绑定,其可随数据的变化而变化。例如:将“父亲”更改为“爸爸”,则相应的图元对应的数据也更改为“爸爸”。
步骤208:根据关联关系,绘制各个图元之间的连线,并对图元关系图进行展示;
在该步骤中,绘制图元间连线的具体过程如下所示:
例如:确定图元A和图元B之间的连线,则:
确定图元A的上、下、右、左四个方向上的中点A1(xA1,yA1)、A2(xA2,yA2)、A3(xA3,yA3)、A4(xA4,yA4);
确定图元B的上、下、右、左四个方向上的中点B1(xB1,yB1)、B2(xB2,yB2)、B3(xB3,yB3)、B4(xB4,yB4);
分别计算A1、A2、A3、A4到B1、B2、B3、B4之间的距离disAiBj,其中,i={1、2、3、4},j={1、2、3、4};即A1分别到B1、B2、B3、B4之间的距离;A2分别到B1、B2、B3、B4之间的距离;A3分别到B1、B2、B3、B4之间的距离;A4分别到B1、B2、B3、B4之间的距离;
计算disApBq=min{disA1B1,disA1B2,disA1B3,disA1B4,…,disA4B4},即选择上述计算的最短距离,确定连线的首尾结点Ap和Bq,其中,p={1、2、3、4},q={1、2、3、4};该首尾结点Ap和Bq为距离最短的两个中点,连接结点Ap和Bq。
步骤209:选中图元关系图中当前图元;
步骤210:接收对当前图元的拖拽,更改当前图元的位置。
步骤209和步骤210的具体过程是,在上述已经绘制好的关系图展示的过程中,用户可以通过拖拽的方式更改图元的位置和关系图位置,以使关系图分布更加合理和美观。
如图4、图5所示,本发明实施例提供了一种关系图展示的装置。装置实施例可以通过软件实现,也可以通过硬件或者软硬件结合的方式实现。从硬件层面而言,如图4所示,为本发明实施例提供的关系图展示的装置所在设备的一种硬件结构图,除了图4所示的处理器、内存、网络接口、以及非易失性存储器之外,实施例中装置所在的设备通常还可以包括其他硬件,如负责处理报文的转发芯片等等。以软件实现为例,如图5所示,作为一个逻辑意义上的装置,是通过其所在设备的CPU将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。本实施例提供的关系图展示的装置,包括:
设置单元501,用于设置各个图元样式的属性值;
解析引擎单元502,用于接收第一格式数据集,将第一格式数据集转换为第二格式数据集,并分析第二格式数据集,确定第二格式数据集中数据间的关联关系,建立第二格式数据集中的数据与设置单元501设置的各个图元样式的属性值的对应关系;
关系图展示单元503,用于根据解析引擎单元502确定的关联关系、对应关系和设置单元501设置的各个图元样式的属性值,生成图元关系图,并对图元关系图进行展示。
在本发明另一实施例中,上述装置可以进一步包括:更改位置单元(图中未示出),用于选中关系图展示单元503生成的图元关系图中当前图元,并接收对当前图元的拖拽,更改当前图元的位置。
在本发明又一实施例中,关系图展示单元503中包括:关系图生成子单元(图中未示出),该关系图生成子单元,用于根据第二格式数据集中的各个数据,计算各个图元的绘制位置;在所述各个图元的绘制位置,根据所述各个图元样式的属性值,绘制对应的图元;根据对应关系,将第二格式数据集中数据绑定到对应的图元;根据关联关系,生成各个图元之间的连线。
在本发明另一实施例中,关系图展示单元503中包括:位置确定子单元(图中未示出),该位置确定子单元,用于在画布中设置坐标系,其中,画布的右上角为坐标原点,从坐标原点向左的直线为x轴,从坐标原点向下的直线为y轴;将所述各个图元划分为至少一列图元,并从第二格式数据集中,确定列图元的列数;确定画布宽度,并根据下述公式,计算每一列图元中每个图元的横坐标;
其中,x表征每个图元的横坐标,i表征每个图元属于第i列图元;m表征画布的宽度;n表征列图元的列数;
确定画布高度及图元的总个数,并根据下述公式,计算每个图元的纵坐标;
其中,y表征每个图元的纵坐标,k表征第k个图元;h表征画布的高度;g表征图元的总个数;A表征常数。
在本发明另一实施例中,关系图展示单元503中包括:连线生成子单元(图中未示出),该连线生成子单元,用于确定所述各个图元中第一图元的上、下、右、左四个方向上的中点A1(xA1,yA1)、A2(xA2,yA2)、A3(xA3,yA3)、A4(xA4,yA4);
确定与第一图元有关联关系的第二图元的上、下、右、左四个方向上的中点B1(xB1,yB1)、B2(xB2,yB2)、B3(xB3,yB3)、B4(xB4,yB4);
分别计算A1、A2、A3、A4到B1、B2、B3、B4之间的距离disAiBj,其中,i={1、2、3、4},j={1、2、3、4};
计算disApBq=min{disA1B1,disA1B2,disA1B3,disA1B4,…,disA4B4},确定连线的首尾结点Ap和Bq,其中,p={1、2、3、4},q={1、2、3、4};
连接结点Ap和Bq。
在本发明另一实施例中,上述装置各个单元涉及的第二格式数据集为JSON对象数据集。
上述装置内的各单元之间的信息交互、执行过程等内容,由于与本发明方法实施例基于同一构思,具体内容可参见本发明方法实施例中的叙述,此处不再赘述。
本发明各个实施例提供的关系图展示的方法和装置,至少能够达到如下有益效果:
1.通过自定义设置各个图元样式的属性值;实时接收第一格式数据集,将所述第一格式数据集转换为第二格式数据集;分析所述第二格式数据集,确定所述第二格式数据集中数据间的关联关系;建立所述第二格式数据集中的数据与所述自定义设置的各个图元样式的属性值的对应关系;根据所述关联关系、所述对应关系和所述各个图元样式的属性值,生成图元关系图,并对所述图元关系图进行展示,通过统一数据的格式,使得数据间的关系能够被准确的提取出来,同时,上述过程建立起了数据与图元之间直接的关联关系,即由于图元是由数据和图元样式属性值得到,那么,当数据发生变化时,图元也会相应的改变,并且,能够根据提取出来的数据间的关系直接建立起图元之间的关联关系,而无需人工绘制图元和图元间的连线,实现了利用数据自动生成关系图。
2.由于本发明实施例能够通过JSON对象数据集直接提取出数据属性和数据间关系,并根据数据属性和图元样式的属性值来生成图元,根据数据间关系生成图元之间的连线,使得关系图中图元及图元间的连线与数据绑定,那么,当数据发生改变时,关系图也将相应的发生变化,因此,本发明实施例生成的关系图能够对数据进行动态展示。
3.在本发明实施例中,用户可以通过自定义设置各个图元样式的属性值;即关系图样式支持用户自定义,使得关系图实现了不同应用场景的个性化定制。
4.通过选图元关系图中当前图元;接收对当前图元的拖拽,更改当前图元的位置,通过这一过程,使得用户能够根据自己的需要任意拖动图元,以改变图元的位置,支持用户与关系图之间的交互操作,使得关系图能够被重新部署,从而使得关系图的部署更加灵活。
5.通过根据各个图元样式的属性值,计算各个图元的绘制位置;在各个图元的绘制位置,绘制对应的图元;根据对应关系,将第二格式数据集中数据绑定到对应的图元;根据关联关系,绘制各个图元之间的连线,通过计算图元的绘制位置以及图元间的连线,使得关系图在画布中的位置、图元在画布中的位置以及图元之间的位置得到合理的部署,同时,保证关系图的美观。
需要说明的是,在本文中,诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个······”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同因素。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储在计算机可读取的存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质中。
最后需要说明的是:以上所述仅为本发明的较佳实施例,仅用于说明本发明的技术方案,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种关系图展示的方法,其特征在于,设置各个图元样式的属性值,还包括:
接收第一格式数据集,将所述第一格式数据集转换为第二格式数据集;
分析所述第二格式数据集,确定所述第二格式数据集中数据间的关联关系;
建立所述第二格式数据集中的数据与所述各个图元样式的属性值的对应关系;
根据所述关联关系、所述对应关系和所述各个图元样式的属性值,生成图元关系图,并对所述图元关系图进行展示。
2.根据权利要求1所述的方法,其特征在于,所述根据所述关联关系、所述对应关系和所述各个图元样式的属性值,生成图元关系图,包括:
根据所述第二格式数据集中的各个数据,计算各个图元的绘制位置;
在所述各个图元的绘制位置,根据所述各个图元样式的属性值,绘制对应的图元;
根据所述对应关系,将所述第二格式数据集中数据绑定到所述对应的图元;
根据所述关联关系,生成所述各个图元之间的连线。
3.根据权利要求2所述的方法,其特征在于,所述计算各个图元的绘制位置,包括:
在画布中设置坐标系,其中,画布的右上角为坐标原点,从坐标原点向左的直线为x轴,从坐标原点向下的直线为y轴;
将所述各个图元划分为至少一列图元,并从所述第二格式数据集中,确定列图元的列数;
确定画布宽度,并根据下述公式,计算每一列图元中每个图元的横坐标;
其中,x表征每个图元的横坐标,i表征每个图元属于第i列图元;m表征画布的宽度;n表征列图元的列数;
确定画布高度及图元的总个数,并根据下述公式,计算每个图元的纵坐标;
其中,y表征每个图元的纵坐标,k表征第k个图元;h表征画布的高度;g表征图元的总个数;A表征常数。
4.根据权利要求2所述的方法,其特征在于,所述生成所述各个图元之间的连线,包括:
确定所述各个图元中任意第一图元的上、下、右、左四个方向上的中点A1(xA1,yA1)、A2(xA2,yA2)、A3(xA3,yA3)、A4(xA4,yA4);
确定与所述第一图元有关联关系的第二图元的上、下、右、左四个方向上的中点B1(xB1,yB1)、B2(xB2,yB2)、B3(xB3,yB3)、B4(xB4,yB4);
分别计算A1、A2、A3、A4到B1、B2、B3、B4之间的距离disAiBj,其中,i={1、2、3、4},j={1、2、3、4};
计算disApBq=min{disA1B1,disA1B2,disA1B3,disA1B4,…,disA4B4},确定连线的首尾结点Ap和Bq,其中,p={1、2、3、4},q={1、2、3、4};
连接结点Ap和Bq。
5.根据权利要求1至4任一所述的方法,其特征在于,所述第二格式数据集为JSON对象数据集。
6.一种关系图展示的装置,其特征在于,包括:
设置单元,用于设置各个图元样式的属性值;
解析引擎单元,用于接收第一格式数据集,将所述第一格式数据集转换为第二格式数据集,并分析所述第二格式数据集,确定所述第二格式数据集中数据间的关联关系,建立所述第二格式数据集中的数据与所述设置单元设置的各个图元样式的属性值的对应关系;
关系图展示单元,用于根据所述解析引擎单元确定的关联关系、所述对应关系和所述设置单元设置的各个图元样式的属性值,生成图元关系图,并对所述图元关系图进行展示。
7.根据权利要求6所述的装置,其特征在于,所述关系图展示单元中包括:
关系图生成子单元,用于根据第二格式数据集中的各个数据,计算各个图元的绘制位置;在所述各个图元的绘制位置,根据所述各个图元样式的属性值,绘制对应的图元;根据所述对应关系,将所述第二格式数据集中数据绑定到所述对应的图元;根据所述关联关系,生成所述各个图元之间的连线。
8.根据权利要求7所述的装置,其特征在于,所述关系图展示单元中包括:
位置确定子单元,用于在画布中设置坐标系,其中,画布的右上角为坐标原点,从坐标原点向左的直线为x轴,从坐标原点向下的直线为y轴;将所述各个图元划分为至少一列图元,并从所述第二格式数据集中,确定列图元的列数;确定画布宽度,并根据下述公式,计算每一列图元中每个图元的横坐标;
其中,x表征每个图元的横坐标,i表征每个图元属于第i列图元;m表征画布的宽度;n表征列图元的列数;
确定画布高度及图元的总个数,并根据下述公式,计算每个图元的纵坐标;
其中,y表征每个图元的纵坐标,k表征第k个图元;h表征画布的高度;g表征图元的总个数;A表征常数。
9.根据权利要求7所述的装置,其特征在于,所述关系图展示单元中包括:
连线生成子单元,用于确定所述各个图元中第一图元的上、下、右、左四个方向上的中点A1(xA1,yA1)、A2(xA2,yA2)、A3(xA3,yA3)、A4(xA4,yA4);
确定与所述第一图元有关联关系的第二图元的上、下、右、左四个方向上的中点B1(xB1,yB1)、B2(xB2,yB2)、B3(xB3,yB3)、B4(xB4,yB4);
分别计算A1、A2、A3、A4到B1、B2、B3、B4之间的距离disAiBj,其中,i={1、2、3、4},j={1、2、3、4};
计算disApBq=min{disA1B1,disA1B2,disA1B3,disA1B4,…,disA4B4},确定连线的首尾结点Ap和Bq,其中,p={1、2、3、4},q={1、2、3、4};
连接结点Ap和Bq。
10.根据权利要求6至9任一所述的装置,其特征在于,所述第二格式数据集为JSON对象数据集。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610118021.2A CN105808682A (zh) | 2016-03-02 | 2016-03-02 | 一种关系图展示的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610118021.2A CN105808682A (zh) | 2016-03-02 | 2016-03-02 | 一种关系图展示的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105808682A true CN105808682A (zh) | 2016-07-27 |
Family
ID=56466536
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610118021.2A Pending CN105808682A (zh) | 2016-03-02 | 2016-03-02 | 一种关系图展示的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105808682A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109254976A (zh) * | 2017-07-11 | 2019-01-22 | 中国移动通信集团北京有限公司 | 一种图形的绘制方法、装置、电子设备及存储介质 |
CN109885226A (zh) * | 2019-02-21 | 2019-06-14 | 山东浪潮云信息技术有限公司 | 一种基于Vue.js实现二级导航菜单的方法 |
CN110489617A (zh) * | 2019-08-27 | 2019-11-22 | 北京锐安科技有限公司 | 一种关系图绘制方法、装置、设备和存储介质 |
CN110619017A (zh) * | 2019-09-18 | 2019-12-27 | 詹思骏 | 家族关系的可视化方法、系统、设备及存储介质 |
CN113724571A (zh) * | 2021-11-04 | 2021-11-30 | 比亚迪股份有限公司 | 轨道交通站场图的生成方法及其生成装置和电子设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102902847A (zh) * | 2012-09-17 | 2013-01-30 | 华北电力大学 | 基于组合图元的输电网单线图自动设计方法 |
CN103823839A (zh) * | 2013-12-20 | 2014-05-28 | 柳州腾龙煤电科技股份有限公司 | 基于图库一体化的AutoCAD符号配置展现方法 |
CN104102734A (zh) * | 2014-07-28 | 2014-10-15 | 中国科学院深圳先进技术研究院 | 数据展示方法及系统 |
CN105138636A (zh) * | 2015-08-21 | 2015-12-09 | 浪潮软件集团有限公司 | 一种实体关系的图形构建方法及装置 |
-
2016
- 2016-03-02 CN CN201610118021.2A patent/CN105808682A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102902847A (zh) * | 2012-09-17 | 2013-01-30 | 华北电力大学 | 基于组合图元的输电网单线图自动设计方法 |
CN103823839A (zh) * | 2013-12-20 | 2014-05-28 | 柳州腾龙煤电科技股份有限公司 | 基于图库一体化的AutoCAD符号配置展现方法 |
CN104102734A (zh) * | 2014-07-28 | 2014-10-15 | 中国科学院深圳先进技术研究院 | 数据展示方法及系统 |
CN105138636A (zh) * | 2015-08-21 | 2015-12-09 | 浪潮软件集团有限公司 | 一种实体关系的图形构建方法及装置 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109254976A (zh) * | 2017-07-11 | 2019-01-22 | 中国移动通信集团北京有限公司 | 一种图形的绘制方法、装置、电子设备及存储介质 |
CN109885226A (zh) * | 2019-02-21 | 2019-06-14 | 山东浪潮云信息技术有限公司 | 一种基于Vue.js实现二级导航菜单的方法 |
CN110489617A (zh) * | 2019-08-27 | 2019-11-22 | 北京锐安科技有限公司 | 一种关系图绘制方法、装置、设备和存储介质 |
CN110619017A (zh) * | 2019-09-18 | 2019-12-27 | 詹思骏 | 家族关系的可视化方法、系统、设备及存储介质 |
CN113724571A (zh) * | 2021-11-04 | 2021-11-30 | 比亚迪股份有限公司 | 轨道交通站场图的生成方法及其生成装置和电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10706599B2 (en) | Recursive cell-based hierarchy for data visualizations | |
CN102629271B (zh) | 一种基于堆叠树图的复杂数据可视化方法及设备 | |
CN105808682A (zh) | 一种关系图展示的方法和装置 | |
CN110706314B (zh) | 元素布局方法、装置、电子设备及可读存储介质 | |
WO2020192463A1 (zh) | 一种展示方法及装置 | |
CN103064689A (zh) | 一种动态生成报表页面的实现方法及系统 | |
US9575950B2 (en) | Systems and methods for managing spreadsheet models | |
CN108229355A (zh) | 行为识别方法和装置、电子设备、计算机存储介质、程序 | |
CN110009721A (zh) | 生成由曲线表示的图像的三角网格 | |
CN108710628A (zh) | 一种基于草图交互的面向多模态数据的可视分析方法和系统 | |
CN105512265A (zh) | 一种通过图形展示数据的方法及装置 | |
CN109636885B (zh) | 一种用于h5页面的序列帧动画制作方法和系统 | |
Isenberg | Visual abstraction and stylisation of maps | |
Song et al. | Vividgraph: Learning to extract and redesign network graphs from visualization images | |
Nguyen et al. | Towards faithful graph visualizations | |
Vuillemot et al. | Structuring visualization mock-ups at the graphical level by dividing the display space | |
CN107895282A (zh) | 一种基于时空网格的烟草市场大数据可视化方法 | |
US11704849B2 (en) | Glyph scaffolds for generating unique glyphs to use as data marks in data visualizations | |
CN115827809A (zh) | 一种地理信息系统gis应用的生成方法及装置 | |
CN115691772A (zh) | 运营可视化系统及相应计算机设备和存储介质 | |
Lian et al. | CVFont: Synthesizing Chinese Vector Fonts via Deep Layout Inferring | |
Sevilla et al. | SILKNOWViz: Spatio-temporal data ontology viewer | |
Wang et al. | Data visualization of university laboratory digital asset management system | |
Bing et al. | Film Big Data Visualization Based on D3. js | |
Feldt et al. | Tailor-made exploratory visualization for statistics Sweden |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160727 |