CN106156369A - 多层级从属数据展示方法和装置 - Google Patents

多层级从属数据展示方法和装置 Download PDF

Info

Publication number
CN106156369A
CN106156369A CN201610712441.3A CN201610712441A CN106156369A CN 106156369 A CN106156369 A CN 106156369A CN 201610712441 A CN201610712441 A CN 201610712441A CN 106156369 A CN106156369 A CN 106156369A
Authority
CN
China
Prior art keywords
data
view
layer
subdomain
angle
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
Application number
CN201610712441.3A
Other languages
English (en)
Inventor
蒋世勇
李超群
尹鹏
张震涛
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201610712441.3A priority Critical patent/CN106156369A/zh
Publication of CN106156369A publication Critical patent/CN106156369A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/28Databases characterised by their database models, e.g. relational or object models
    • G06F16/282Hierarchical databases, e.g. IMS, LDAP data stores or Lotus Notes
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/28Databases characterised by their database models, e.g. relational or object models
    • G06F16/284Relational databases
    • G06F16/288Entity relationship models
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/53Querying
    • G06F16/532Query formulation, e.g. graphical querying

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Mathematical Physics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种多层级从属数据展示方法和装置,涉及数据处理领域。其中的方法包括:确定具有层级从属关系的数据中每组数据的层级和从属关系;计算每组数据在所在层级数据中所占比例;根据每组数据的所占比例和从属关系确定每组数据的开始角度和结束角度;根据每组数据的开始角度和结束角度绘制每组数据对应的视图子域,其中,各视图子域同圆心绘制;遍历每组数据从而生成多层级可视化视图,因此,可以在一个可视化视图中,能够直观展示多层级从属数据。

Description

多层级从属数据展示方法和装置
技术领域
本发明涉及数据处理领域,尤其涉及一种多层级从属数据展示方法和装置。
背景技术
目前,在企业数据系统统计中,可以利用智能化分析平台来进行可视化数据分析,例如,大多以表格和饼图形式来展现订单来源分析。但随着数据越来越多,并且订单数据来源出现复杂化、多层级化,用现有普通饼图难以展示这种多层级从属来源,而用多个饼图展示这些层级关系,却难以更好的直观展示,分散性太强。
发明内容
本发明要解决的一个技术问题是提供一种能够直观展示多层级从属数据的方案。
根据本发明一方面,提出一种多层级从属数据展示方法,包括:确定具有层级从属关系的数据中每组数据的层级和从属关系;计算每组数据在所在层级数据中所占比例;根据每组数据的所占比例和从属关系确定每组数据的开始角度和结束角度;根据每组数据的开始角度和结束角度绘制每组数据对应的视图子域,其中,各视图子域同圆心绘制;遍历每组数据从而生成多层级可视化视图。
进一步地,遍历每组数据从而生成多层级可视化视图包括:根据层级关系确定每组数据对应的视图子域的半径大小;半径小的视图子域覆盖半径大的视图子域,以便形成呈现从属关系的多层级可视化视图。
进一步地,该方法还包括:响应于用户的手势操作事件,对多层级可视化视图展示不同的效果。
进一步地,手势操作事件包括触摸、点击、双击、滑动、放大、缩小、捏合旋转和/或长按。
进一步地,该方法还包括:响应于用户的手势操作事件,展示多层级可视化视图各层级数据内容。
进一步地,该方法还包括:响应于用户的手势操作事件,对多层级可视化视图进行联动展示。
根据本发明的另一方面,还提出一种多层级从属数据展示装置,包括:数据关系确定单元,用于确定具有层级从属关系的数据中每组数据的层级和从属关系;数据计算单元,用于计算每组数据在所在层级数据中所占比例;角度确定单元,用于根据每组数据的所占比例和从属关系确定每组数据的开始角度和结束角度;视图子域绘制单元,用于根据每组数据的开始角度和结束角度绘制每组数据对应的视图子域,其中,各视图子域同圆心绘制;可视化视图生成单元,用于遍历每组数据从而生成多层级可视化视图。
进一步地,可视化视图生成单元还用于根据层级关系确定每组数据对应的视图子域的半径大小;半径小的视图子域覆盖半径大的视图子域,以便形成呈现从属关系的多层级可视化视图。
进一步地,该装置还包括:数据展示单元,用于响应于用户的手势操作事件,对多层级可视化视图展示不同的效果。
进一步地,手势操作事件包括触摸、点击、双击、滑动、放大、缩小、捏合旋转和/或长按。
进一步地,数据展示单元用于响应于用户的手势操作事件,展示多层级可视化视图各层级数据内容。
进一步地,数据展示单元还用于响应于用户的手势操作事件,对多层级可视化视图进行联动展示。
根据本发明的另一方面,还提出一种多层级从属数据展示装置,包括:存储器;以及耦接至存储器的处理器,处理器被配置为基于存储在存储器的指令执行上述的方法。
与现有技术相比,本发明通过确定具有层级从属关系的数据中每组数据的层级和从属关系;计算每组数据在所在层级数据中所占比例;根据每组数据的所占比例和从属关系确定每组数据的开始角度和结束角度;根据每组数据的开始角度和结束角度绘制每组数据对应的视图子域;遍历每组数据从而生成多层级可视化视图,因此,可以在一个可视化视图中,能够直观展示多层级数据。
通过以下参照附图对本发明的示例性实施例的详细描述,本发明的其它特征及其优点将会变得清楚。
附图说明
构成说明书的一部分的附图描述了本发明的实施例,并且连同说明书一起用于解释本发明的原理。
参照附图,根据下面的详细描述,可以更加清楚地理解本发明,其中:
图1为本发明多层级从属数据展示方法的一个实施例的流程示意图。
图2为本发明多层级从属数据展示方法的另一个实施例的流程示意图。
图3为本发明多层级从属数据展示方法的再一个实施例的流程示意图。
图4为本发明可视化饼图旋转示意图。
图5为本发明可视化饼图多层级数据展示示意图。
图6为本发明可视化饼图联动展示示意图。
图7为本发明多层级数从属据展示装置的一个实施例的结构示意图。
图8为本发明多层级从属数据展示装置的另一个实施例的结构示意图。
图9为本发明多层级从属数据展示装置的又一个实施例的结构示意图。
图10为本发明多层级从属数据展示装置的再一个实施例的结构示意图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
同时,应当明白,为了便于描述,附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为授权说明书的一部分。
在这里示出和讨论的所有示例中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它示例可以具有不同的值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。
为使本发明的目的、技术方案和优点更加清楚明白,以下结合具体实施例,并参照附图,对本发明进一步详细说明。
图1为本发明多层级从属数据展示方法的一个实施例的流程示意图。该多层级数据展示方法包括以下步骤:
在步骤110,确定具有层级从属关系的数据中每组数据的层级和从属关系。其中,具有层级从属关系的数据例如为各省市县的人口数据、不同年份不同日期的气象统计数据、各企业的订单来源数据等等。以订单来源数据为例,第一层数据可以分别为A公司订单量、B公司订单量和C公司订单量,第二层数据分别为A公司A1产品订单量、A公司A2产品订单量、A公司A3产品订单量,B公司B1产品订单量、B公司B2产品订单量、B公司B3产品订单量,C公司C1产品订单量、C公司C2产品订单量、C公司C3产品订单量,依次还可以有第三层数据等等。
在步骤120,计算每组数据在所在层级数据中所占比例。例如,A公司A1产品订单量在第二层级订单量中所占的比例Proportion为:
Proportion=Value/Sum
其中,Value为A公司A1产品订单量,Sum为第二层级订单总量。
在步骤130,根据每组数据的所占比例和从属关系确定每组数据的开始角度和结束角度。其中,开始角度StartAngle为同级前一个视图子域的结束角度EndAngle。
结束角度EndAngle为:
EndAngle=StartAngle+CentralAngle
CentralAngle=Value/Sum*2π
其中,CentralAngle为圆心角度。
在步骤140,根据每组数据的开始角度和结束角度绘制每组数据对应的视图子域。其中将各视图子域同圆心绘制,视图子域可以为扇形也可以为正多边形等,可以根据不同人对图案美感度的不同进行设置。
在步骤150,遍历每组数据从而生成多层级可视化视图,其中,可视化视图可以为饼图也可以为蜂窝图。以可视化饼图为例,可以将可视化饼图的中心坐标位置确定在屏幕中心,以便于以中心进行扩展展示。另外,可视化饼图的开始角度为0度(饼图的范围值为0~360度),例如以笛卡尔坐标系为参考系,笛卡尔坐标系原点(0,0)即为饼图中心点,第二象限的正X轴方向则为0度;另外,还需要确定第一层级扇形的初始半径,例如为80像素,根据扇形所在的层级不同设置不同的半径,例如后一层级扇形半径比前一层级扇形半径递增10像素等,通过改变各层级扇形的半径大小可以达到生成多层级展示的目的。另外,还可以对每一个扇形设置不同的颜色值,以便更好更直观的进行展示。
在该实施例中,通过确定具有层级从属关系的数据中每组数据的层级和从属关系;计算每组数据在所在层级数据中所占比例;根据每组数据的所占比例和从属关系确定每组数据的开始角度和结束角度;根据每组数据的开始角度和结束角度绘制每组数据对应的视图子域;遍历每组数据从而生成多层级可视化视图。解决了单一饼图无法展示复杂化、具有多层级从属关系的数据的问题。
图2为本发明多层级从属数据展示方法的另一个实施例的流程示意图。下面以每组数据生成扇形图为例进行说明,该方法包括以下步骤:
在步骤210,从服务器端获取订单数据信息。例如,根据HTTP协议,向服务器请求获取一定时间段内的订单数据,服务器端返回json格式的数据,取出订单来源数据对象存储在本地内存中。
在步骤220,解析订单数据信息,创建对应的数据模型。例如,依据存储在本地内存中的订单来源数据,解析对应的字段,创建数据模型。另外,根据解析的字段所包含的内容可以确定每组订单数据的层级和从属关系。其中,可以先创建全局变量总流量Sum,颜色池数组ColorArray,开始角度的数组StartAngleArray,结束角度的数组EndAngleArray,扇形阵列的数组SectorArray,再创建单个数据模型,如表1所示:
表1
其中,Name用来表示订单来源项目名称,例如Name=搜索引擎。Value用来表示该订单来源项目所占的流量额,例如Value=125863。Proportion用来表示该订单来源项目的流量在总流量中所占的比例值,例如可以保留小数点后两位。Center用来表示饼图中心所处位置坐标。R0用来表示第一层级圆半径常量。Radius用来表示饼图的半径长度。CentralAangle用来表示该订单来源项目扇形区域所对应的圆心角度。StartAngle用来表示该项目扇形区域的开始角度。EndAngle用来表示该项目扇形区域的结束角度。Color用来表示该项目扇形区域所对应的颜色值。Level用来表示该项目扇形所处的层级(0~n),其中0代表其处于第一层级视图上。ChildrenArray用来表示该项目扇形对应的所有子对象模型的集合数组。
在步骤230,根据对应的数据模型以及层级关系,计算每组订单数据对应的流量占比,进一步确定每组订单数据对应扇形的圆心角度、开始角度、结束角度,以及还可以记录下一个扇形的开始角度等。其中:
Proportion=Value/Sum
CentralAngle=Value/Sum*2π
StartAngle=EndAngle(前一个视图子域)
EndAngle=StartAngle+CentralAngle。
在步骤240,根据计算的角度及对应层级有关数据,绘制每组数据对应的扇形。例如,通过系统draw方法绘制该扇形,其中:
Radius=R0+ExtendLength*level
ShapeLayer=PieShapeLayer(Center,Radius,StartAngle,EndAngle,Color).draw
其中,ShapeLayer表示绘制的扇形,ExtendLength表示半径递增长度,PieShapeLayer表示扇形的颜色渲染范围,draw表示创建该扇形。
在步骤250,通过改变每个层级扇形距离饼图中心点的半径大小,生成多层级可视化饼图。例如,依据层级关系,将半径小的扇形覆盖到半径大的扇形上,从而生成完整的多层级从属饼图。
在该实施例中,通过计算每组订单数据在该层级数据中所占角度大小、中心点坐标、开始角度、结束角度、半径大小、层级、扇形颜色等,绘制该组数据所对应的扇形,再通过改变扇形半径的大小,达到生成多层级可视化视图的效果,进而可以直观完整的可视化展示订单数据。
图3为本发明多层级从属数据展示方法的再一个实施例的流程示意图。该方法包括以下步骤:
在步骤310,从服务器端获取具有层级从属关系的数据信息。
在步骤320,确定每组数据的层级和从属关系。
在步骤330,计算每组数据在所在层级数据中所占比例,进而根据从属关系确定每组数据的开始角度和结束角度。
在步骤340,根据每组数据的开始角度和结束角度绘制每组数据对应的扇形,其中,各扇形对应的圆心相同。
在步骤350,遍历每组数据,根据层级关系确定每组数据对应的视图子域的半径大小,并将半径小的视图子域覆盖半径大的视图子域,以便形成呈现从属关系的多层级可视化视图。
例如,用for循环遍历下面的代码,依据层级关系将半径小的视图子域覆盖到半径大的视图子域上,从而生成完整的多层级从属饼图。其中程序代码可以为:
(Sum,colorArray,startAngleArray,endAngleArray,sectorArray)[index].shapLayer.draw。
另外,在绘制每组数据对应的扇形图时,可以为每个扇形添加手势操作事件判断方法。例如,为每个扇区添加手势操作事件判断方法可以如下所示:
[shapeLayer addGesture Recognizer:Tap]为添加点击事件。
[shapeLayer addGesture Recognizer:Pinch]为添加缩放事件。
[shapeLayer addGesture Recognizer:Rotation]为添加旋转事件。
[shapeLayer addGesture Recognizer:Swipe]为添加滑动事件。
[shapeLayer addGesture Recognizer:Pan]为添加拖移事件。
[shapeLayer addGesture Recognizer:LongPress]为长按事件。
如果触发任何判断方法都可以得到反馈内容。即响应于用户的手势操作事件,对多层级可视化视图展示不同的效果可以如步骤360-370所示。
在步骤360,响应于用户的手势操作事件,展示多层级可视化饼图各层级数据内容。其中,手势操作事件包括触摸、点击、双击、滑动、放大、缩小、捏合旋转或长按等,通过获取弧度,判断点击位置的角度在哪个扇区范围上。如图4、图5所示,其中,每一种颜色的扇形图代表一组数据,通过手势旋转使得饼图跟随旋转,通过手势操作滑动、放大、缩小、点击、长按等展开其子扇形区域,即可以展现多层级可视化视图各层级数据内容。
另外,还可以在手势操作事件上添加定时器timer和动画操作animateWithDuration来实施每个圆弧执行动画的延迟和持续时间。例如,程序代码可以为:
f1=shapeLayer.slide(left,Swipe,timer,animateWithDuration)||shapeLayer.slide(right,Swipe,timer,animateWithDuration),其中f1代表滑动(左或右滑动)移动的范围,slide代表扇形区域滑动操作。
f2=shapeLayer.scaling(Tap,s,timer,animateWithDuration),其中,f2代表双击点击情况下缩放的范围,scaling代表扇形区域缩放操作,s代表缩放指数数值(例如数值2.0代表视图扩大到2倍,1.0代表视图正常大小倍数)。
f3=shapeLayer.rotaryKneading(Pinch,Rotation,timer,animateWithDuration),其中,f3代表捏合旋转情况下影响的范围,rotaryKneading代表扇形区捏合旋转操作。
f4=shapeLayer.enlarge(LongPress,timer,animateWith Duration),其中f4代表点击长按所放大的范围,enlarge代表扇形区域放大镜形式显示操作。
该方法还可以包括步骤370,对多层级可视化视图进行联动展示。如图6所示,通过手势操作联动生成展示子层级从属扇形视图。例如,通过手势缩减和扩张来减少或增加显示的数据。
例如,程序代码可以为:
fArea=hierarchyArea(Tap,sectorArray,index,level),cArea=fArea.childrenMake()。
其中,fArea代表单次点击所影响的范围,hierarchyArea代表获取对应子层级范围操作,sectorArray代表所有模型数组,index代表下标第几个,level代表层级。用cArea代表生成的子层级从属扇形视图范围,childrenMake表示联动生成子层级从属视图操作。
在该实施例中,利用手势及绘图技术,绘制多层级可视化扇形视图,能直观完整的展示多层次数据,解决数据多样化及层级关系可视化展示问题。另外,通过滑动、点击、放大、缩小、捏合旋转、长按手势,来快速扩散定位需要展示的可视化数据内容,用户交互性好,并且提高了饼图层级扇形可视化内容展示的扩散度、流畅度,增强用户体验。进一步地,还可以通过有效的手势操作,联动展示子层级扇形视图的可视化,达到数据可视化能呈现扇形区域联动扩散展示的效果。
图7为本发明多层级从属数据展示装置的一个实施例的结构示意图。该多层级数据展示装置包括数据关系确定单元710、数据计算单元720、角度确定单元730、视图子域绘制单元740和可视化视图生成单元750,其中:
数据关系确定单元710用于确定具有层级从属关系的数据中每组数据的层级和从属关系。其中,具有层级从属关系的数据例如为各省市县的人口数据、不同年份不同日期的气象统计数据、各企业的订单来源数据等等。以订单来源数据为例,第一层数据可以分别为A公司订单量、B公司订单量和C公司订单量,第二层数据分别为A公司A1产品订单量、A公司A2产品订单量、A公司A3产品订单量,B公司B1产品订单量、B公司B2产品订单量、B公司B3产品订单量,C公司C1产品订单量、C公司C2产品订单量、C公司C3产品订单量,依次还可以有第三层数据等等。
数据计算单元720用于计算每组数据在所在层级数据中所占比例。例如,A公司A1产品订单量在第二层级订单量中所占的比例为:
Proportion=Value/Sum
其中,Value为A公司A1产品订单量,Sum为第二层级订单总量。
角度确定单元730用于根据每组数据的所占比例和从属关系确定每组数据的开始角度和结束角度。其中,开始角度StartAngle为同级前一个视图子域的结束角度EndAngle。
结束角度为:
EndAngle=StartAngle+CentralAngle
其中,圆心角度CentralAngle=Value/Sum*2π
视图子域绘制单元740用于根据每组数据的开始角度和结束角度绘制每组数据对应的视图子域。其中将各视图子域同心绘制,视图子域可以为扇形也可以为正多边形等,可以根据不同人对图案美感度的不同进行设置。
可视化视图生成单元750用于遍历每组数据从而生成多层级可视化视图。其中,可视化视图可以为饼图也可以为蜂窝图。以可视化饼图为例,可以将可视化饼图的中心坐标位置确定在屏幕中心,以便于以中心进行扩展展示。另外,可视化饼图的开始角度为0度(饼图的范围值为0~360度),例如以笛卡尔坐标系为参考系,笛卡尔坐标系原点(0,0)即为饼图中心点,第二象限的正X轴方向则为0度;另外,还需要确定第一层级视图子域的初始半径,例如为80像素,根据可视化视图子域所在的层级不同设置不同的半径,例如后一层级可视化视图子域半径比前一层级可视化图像半径递增10像素等,通过改变各层级可视化视图的半径大小可以达到生成多层级展示的目的。另外,还可以对每一个可视化视图子域设置不同的颜色值,以便更好更直观的进行展示。
在该实施例中,通过确定具有层级从属关系的数据中每组数据的层级和从属关系;计算每组数据在所在层级数据中所占比例;根据每组数据的所占比例和从属关系确定每组数据的开始角度和结束角度;根据每组数据的开始角度和结束角度绘制每组数据对应的视图子域;遍历每组数据从而生成多层级可视化视图。解决了单一饼图无法展示复杂化、具有多层级从属关系的数据的问题。
在本发明的另一个实施例中,以每组数据生成扇形图为例,先从服务器端获取订单数据信息,并解析订单数据信息。例如,根据HTTP协议,向服务器请求获取一定时间段内的订单数据,服务器端返回json格式的数据,取出订单来源数据对象存储在本地内存中。依据存储在本地内存中的订单来源数据,解析对应的字段,可以创建如表1所示的数据模型。数据关系确定单元710从解析的字段中的内容可以确定每组数据的层级和从属关系。
数据计算单元720用于根据对应的数据模型以及层级关系,计算每组订单数据对应的流量占比,角度确定单元730用于根据每组订单数据的所占比例和从属关系确定每组订单数据对应扇形的圆心角度、开始角度,结束角度,以及还可以记录下一个扇形的开始角度。其中:
Proportion=Value/Sum
CentralAngle=Value/Sum*2π
StartAngle=EndAngle(前一个扇形)
EndAngle=StartAngle+CentralAngle
视图子域绘制单元740用于根据计算的角度及对应层级有关数据,绘制每组数据对应的扇形。例如,通过系统draw方法绘制该扇形。其中:
Radius=R0+ExtendLength*level
ShapeLayer=PieShapeLayer(Center,Radius,StartAngle,EndAngle,Color).draw。
其中,ExtendLength表示半径递增长度,PieShapeLayer表示扇形的颜色渲染范围,draw表示创建该扇形。
可视化视图生成单元750用于通过改变每个层级扇形距离饼图中心点的半径大小,生成多层级可视化视图。例如,依据层级关系,可以按照从小到大的排序进行扇形区域上下覆盖,层级越大的扇形图距离饼图中心的半径距离越大,依次覆盖达到生成完整的多层级从属饼图。
例如,循环遍历下标index,生成每部分扇形区域。即用for循环遍历下面的代码,依据层级关系将半径小的视图子域覆盖到半径大的视图子域上,从而生成完整的多层级从属饼图。
另外,在绘制每组数据对应的扇形图时,可视化视图生成单元750可以为每个扇形添加手势操作事件判断方法。例如,为每个扇区添加手势操作事件判断方法可以如下所示:
[shapeLayer addGesture Recognizer:Tap]为添加点击事件。
[shapeLayer addGesture Recognizer:Pinch]为添加缩放事件。
[shapeLayer addGesture Recognizer:Rotation]为添加旋转事件。
[shapeLayer addGesture Recognizer:Swipe]为添加滑动事件。
[shapeLayer addGesture Recognizer:Pan]为添加拖移事件。
[shapeLayer addGesture Recognizer:LongPress]为长按事件。
如果触发任何判断方法都可以得到反馈内容。
在该实施例中,通过计算每组订单数据在该层级数据中所占角度大小、中心点坐标、开始角度、结束角度、半径大小、层级、扇形颜色等,绘制该组数据所对应的扇形,再通过改变扇形半径的大小,达到生成多层级可视化视图的效果,进而可以直观完整的可视化展示订单数据。
当然本发明还可以绘制由正多边形构成的可视化蜂窝图,此处不再进一步阐释。
图8为本发明多层级从属数据展示装置的另一个实施例的结构示意图。该多层级数据展示装置包括数据关系确定单元810、数据计算单元820、角度确定单元830、视图子域绘制单元840、可视化视图生成单元850和数据展示单元860,其中,数据关系确定单元810、数据计算单元820、角度确定单元830、视图子域绘制单元840和可视化视图生成单元850分别与上述实施例中数据关系确定单元710、数据计算单元720、角度确定单元730、视图子域绘制单元740和可视化视图生成单元750相对应,此处不再进一步阐释。
数据展示单元860用于响应于用户的手势操作事件,对多层级可视化视图展示不同的效果。其中,手势操作事件包括触摸、点击、双击、滑动、放大、缩小、捏合旋转或长按等,通过获取弧度,判断点击位置的角度在哪个扇区范围上。如图4、图5所示,其中,每一种颜色的扇形图代表一组数据,通过手势操作滑动、放大、缩小、旋转、点击、长按等展开其子扇形区域,即可以展现多层级可视化视图各层级数据内容。或者,如图6所示,通过手势操作联动生成展示子层级从属扇形视图。
在该实施例中,利用手势及绘图技术,绘制多层级可视化扇形视图,能直观完整的展示多层次数据,解决数据多样化及层级关系可视化展示问题。另外,通过滑动、点击、放大、缩小、捏合旋转、长按手势,来快速扩散定位需要展示的可视化数据内容,用户交互性好,并且提高了饼图层级扇形可视化内容展示的扩散度、流畅度,增强用户体验。进一步地,还可以通过有效的手势操作,联动展示子层级扇形视图的可视化,达到数据可视化能呈现扇形区域联动扩散展示的效果。
图9为本发明多层级从属数据展示装置的又一个实施例的结构示意图。该多层级从属数据展示装置包括存储器910和处理器920。其中:
存储器910可以是磁盘、闪存或其它任何非易失性存储介质。存储器用于存储图1-3所对应实施例中的指令。
处理器920耦接至存储器910,可以作为一个或多个集成电路来实施,例如微处理器或微控制器。该处理器920用于执行存储器中存储的指令,能直观完整的展示多层次数据,解决数据多样化及层级关系可视化展示问题。
在一个实施例中,还可以如图10所示,多层级从属数据展示装置1000包括存储器1010和处理器1020。处理器1020通过BUS总线1030耦合至存储器1010。该多层级数据展示装置1000还可以通过存储接口1040连接至外部存储装置1050以便调用外部数据,还可以通过网络接口1060连接至网络或者另外一台计算机系统(未标出)。此处不再进行详细介绍。
在该实施例中,通过存储器存储数据指令,再通过处理器处理上述指令,利用手势及绘图技术,绘制多层级可视化扇形视图,能直观完整的展示多层次数据,解决数据多样化及层级关系可视化展示问题。另外,通过滑动、点击、放大、缩小、捏合旋转、长按手势,来快速扩散定位需要展示的可视化数据内容,用户交互性好,并且提高了饼图层级扇形可视化内容展示的扩散度、流畅度,增强用户体验。进一步地,还可以通过有效的手势操作,联动展示子层级扇形视图的可视化,达到数据可视化能呈现扇形区域联动扩散展示的效果。
至此,已经详细描述了本发明。为了避免遮蔽本发明的构思,没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述,完全可以明白如何实施这里公开的技术方案。
可能以许多方式来实现本发明的方法以及装置。例如,可通过软件、硬件、固件或者软件、硬件、固件的任何组合来实现本发明的方法以及装置。用于所述方法的步骤的上述顺序仅是为了进行说明,本发明的方法的步骤不限于以上具体描述的顺序,除非以其它方式特别说明。此外,在一些实施例中,还可将本发明实施为记录在记录介质中的程序,这些程序包括用于实现根据本发明的方法的机器可读指令。因而,本发明还覆盖存储用于执行根据本发明的方法的程序的记录介质。
虽然已经通过示例对本发明的一些特定实施例进行了详细说明,但是本领域的技术人员应该理解,以上示例仅是为了进行说明,而不是为了限制本发明的范围。本领域的技术人员应该理解,可在不脱离本发明的范围和精神的情况下,对以上实施例进行修改。本发明的范围由所附权利要求来限定。

Claims (13)

1.一种多层级从属数据展示方法,其特征在于,包括:
确定具有层级从属关系的数据中每组数据的层级和从属关系;
计算所述每组数据在所在层级数据中所占比例;
根据所述每组数据的所占比例和从属关系确定所述每组数据的开始角度和结束角度;
根据所述每组数据的开始角度和结束角度绘制所述每组数据对应的视图子域,其中,各所述视图子域同圆心绘制;
遍历所述每组数据从而生成多层级可视化视图。
2.根据权利要求1所述的方法,其特征在于,遍历所述每组数据从而生成多层级可视化视图包括:
根据层级关系确定所述每组数据对应的视图子域的半径大小;
半径小的视图子域覆盖半径大的视图子域,以便形成呈现从属关系的多层级可视化视图。
3.根据权利要求1或2所述的方法,其特征在于,还包括:
响应于用户的手势操作事件,对所述多层级可视化视图展示不同的效果。
4.根据权利要求3所述的方法,其特征在于,所述手势操作事件包括触摸、点击、双击、滑动、放大、缩小、捏合旋转和/或长按。
5.根据权利要求4所述的方法,其特征在于,还包括:
响应于用户的手势操作事件,展示所述多层级可视化视图各层级数据内容。
6.根据权利要求4所述的方法,其特征在于,还包括:
响应于用户的手势操作事件,对所述多层级可视化视图进行联动展示。
7.一种多层级从属数据展示装置,其特征在于,包括:
数据关系确定单元,用于确定具有层级从属关系的数据中每组数据的层级和从属关系;
数据计算单元,用于计算所述每组数据在所在层级数据中所占比例;
角度确定单元,用于根据所述每组数据的所占比例和从属关系确定所述每组数据的开始角度和结束角度;
视图子域绘制单元,用于根据所述每组数据的开始角度和结束角度绘制所述每组数据对应的视图子域,其中,各所述视图子域同圆心绘制;
可视化视图生成单元,用于遍历所述每组数据从而生成多层级可视化视图。
8.根据权利要求7所述的装置,其特征在于,所述可视化视图生成单元还用于根据层级关系确定所述每组数据对应的视图子域的半径大小;半径小的视图子域覆盖半径大的视图子域,以便形成呈现从属关系的多层级可视化视图。
9.根据权利要求7或8所述的装置,其特征在于,还包括:
数据展示单元,用于响应于用户的手势操作事件,对所述多层级可视化视图展示不同的效果。
10.根据权利要求9所述的装置,其特征在于,所述手势操作事件包括触摸、点击、双击、滑动、放大、缩小、捏合旋转和/或长按。
11.根据权利要求10所述的装置,其特征在于,所述数据展示单元用于响应于用户的手势操作事件,展示所述多层级可视化视图各层级数据内容。
12.根据权利要求10所述的装置,其特征在于,所述数据展示单元还用于响应于用户的手势操作事件,对所述多层级可视化视图进行联动展示。
13.一种多层级从属数据展示装置,其特征在于,包括:
存储器;以及
耦接至所述存储器的处理器,所述处理器被配置为基于存储在所述存储器的指令执行如权利要求1至6任一项所述的方法。
CN201610712441.3A 2016-08-24 2016-08-24 多层级从属数据展示方法和装置 Pending CN106156369A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610712441.3A CN106156369A (zh) 2016-08-24 2016-08-24 多层级从属数据展示方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610712441.3A CN106156369A (zh) 2016-08-24 2016-08-24 多层级从属数据展示方法和装置

Publications (1)

Publication Number Publication Date
CN106156369A true CN106156369A (zh) 2016-11-23

Family

ID=57341761

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610712441.3A Pending CN106156369A (zh) 2016-08-24 2016-08-24 多层级从属数据展示方法和装置

Country Status (1)

Country Link
CN (1) CN106156369A (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106991143A (zh) * 2017-03-22 2017-07-28 苏州中科图新网络科技有限公司 多层级图像文件、生成方法及装置、读取方法及装置
CN107452044A (zh) * 2017-07-01 2017-12-08 广州视源电子科技股份有限公司 一种动画展示方法、系统、可存储介质及计算机设备
CN107992593A (zh) * 2017-12-08 2018-05-04 广州市申迪计算机系统有限公司 一种饼状图的呈现方法和装置
CN108399251A (zh) * 2018-03-05 2018-08-14 贵州工程应用技术学院 一种多层数据展现的智能生成器和数据展现方法
CN110659326A (zh) * 2019-09-25 2020-01-07 猫岐智能科技(上海)有限公司 一种数据展示方法
CN110704516A (zh) * 2019-09-25 2020-01-17 猫岐智能科技(上海)有限公司 一种数据联动展示系统
CN116414906A (zh) * 2022-12-12 2023-07-11 新维陆科技(珠海)有限公司 一种数据处理及可视化的方法、装置、介质和设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101261628A (zh) * 2007-03-07 2008-09-10 国际商业机器公司 利用角度图显示层级结构数据的方法、交互方法及其装置
CN102428427A (zh) * 2009-04-02 2012-04-25 美尔默公司 在有限的显示面积中显示饼图
US8581840B2 (en) * 2011-10-28 2013-11-12 Sap Ag Multi-touch measure comparison
CN104008122A (zh) * 2014-02-19 2014-08-27 浙江工商大学 层次化数据的动态多级饼图展示方法
CN104899288A (zh) * 2015-06-05 2015-09-09 四川大学 基于径向布局的多维层次可视化方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101261628A (zh) * 2007-03-07 2008-09-10 国际商业机器公司 利用角度图显示层级结构数据的方法、交互方法及其装置
CN102428427A (zh) * 2009-04-02 2012-04-25 美尔默公司 在有限的显示面积中显示饼图
US8581840B2 (en) * 2011-10-28 2013-11-12 Sap Ag Multi-touch measure comparison
CN104008122A (zh) * 2014-02-19 2014-08-27 浙江工商大学 层次化数据的动态多级饼图展示方法
CN104899288A (zh) * 2015-06-05 2015-09-09 四川大学 基于径向布局的多维层次可视化方法

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106991143A (zh) * 2017-03-22 2017-07-28 苏州中科图新网络科技有限公司 多层级图像文件、生成方法及装置、读取方法及装置
CN106991143B (zh) * 2017-03-22 2019-07-19 苏州中科图新网络科技有限公司 多层级图像文件、生成方法及装置、读取方法及装置
CN107452044A (zh) * 2017-07-01 2017-12-08 广州视源电子科技股份有限公司 一种动画展示方法、系统、可存储介质及计算机设备
WO2019006894A1 (zh) * 2017-07-01 2019-01-10 广州视源电子科技股份有限公司 一种动画展示方法、系统、可存储介质及计算机设备
CN107992593A (zh) * 2017-12-08 2018-05-04 广州市申迪计算机系统有限公司 一种饼状图的呈现方法和装置
CN108399251A (zh) * 2018-03-05 2018-08-14 贵州工程应用技术学院 一种多层数据展现的智能生成器和数据展现方法
CN110659326A (zh) * 2019-09-25 2020-01-07 猫岐智能科技(上海)有限公司 一种数据展示方法
CN110704516A (zh) * 2019-09-25 2020-01-17 猫岐智能科技(上海)有限公司 一种数据联动展示系统
CN116414906A (zh) * 2022-12-12 2023-07-11 新维陆科技(珠海)有限公司 一种数据处理及可视化的方法、装置、介质和设备
CN116414906B (zh) * 2022-12-12 2024-03-01 新维陆科技(珠海)有限公司 一种数据处理及可视化的方法、装置、介质和设备

Similar Documents

Publication Publication Date Title
CN106156369A (zh) 多层级从属数据展示方法和装置
Jankowski et al. Advances in interaction with 3D environments
JP6818847B2 (ja) 多次元画像空間を通したナビゲーション
CN108399010B (zh) 增强的基于相机的输入
US20170186206A1 (en) Representation of overlapping visual entities
CN110926334B (zh) 测量方法、装置、电子设备及存储介质
CN107132912B (zh) 一种gis与bim增强现实在建筑规划的互动演示方法及系统
CN106354760A (zh) 基于变形统计地图的多视图时空数据可视化方法与应用
US20120092340A1 (en) Systems, methods, and computer-readable media for manipulating graphical objects
CN108762482A (zh) 一种大屏幕和增强现实眼镜间数据交互方法和系统
JP7032451B2 (ja) デジタルマップ上のインジケータの視覚的なプロパティを動的に変更すること
TW201237677A (en) Natural gesture based user interface methods and systems
CN104599310B (zh) 三维场景动画录制方法及装置
TW201203084A (en) Temporary formatting and charting of selected data
Jenny et al. Interactive local terrain deformation inspired by hand-painted panoramas
WO2018078444A1 (en) Image display method, client terminal and system, and image sending method and server
Hildebrandt et al. An assisting, constrained 3D navigation technique for multiscale virtual 3D city models
CN110174114A (zh) 车道线级路径生成方法、装置和存储介质
Perhac et al. Urban fusion: visualizing urban data fused with social feeds via a game engine
US20130300758A1 (en) Visual processing based on interactive rendering
Daiber et al. Whole body interaction with geospatial data
Shelley et al. GerbilSphere: Inner sphere network visualization
US20230319426A1 (en) Traveling in time and space continuum
KR20090092153A (ko) 이미지 처리 장치 및 방법
CN113680047B (zh) 终端操作方法、装置、电子设备和存储介质

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

Application publication date: 20161123

RJ01 Rejection of invention patent application after publication