CN108846075B - 一种基于组织结构树的智能布局呈现方法 - Google Patents

一种基于组织结构树的智能布局呈现方法 Download PDF

Info

Publication number
CN108846075B
CN108846075B CN201810586982.5A CN201810586982A CN108846075B CN 108846075 B CN108846075 B CN 108846075B CN 201810586982 A CN201810586982 A CN 201810586982A CN 108846075 B CN108846075 B CN 108846075B
Authority
CN
China
Prior art keywords
node
proportion
interface
optimal
tree
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
Application number
CN201810586982.5A
Other languages
English (en)
Other versions
CN108846075A (zh
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.)
Chengdu Fengwei Technology Co ltd
Original Assignee
Chengdu Shensi Science & 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 Chengdu Shensi Science & Technology Co ltd filed Critical Chengdu Shensi Science & Technology Co ltd
Priority to CN201810586982.5A priority Critical patent/CN108846075B/zh
Publication of CN108846075A publication Critical patent/CN108846075A/zh
Application granted granted Critical
Publication of CN108846075B publication Critical patent/CN108846075B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)
  • Image Generation (AREA)

Abstract

本发明提供了一种基于组织结构树的智能布局呈现方法。该方法包括:数据集合读取的流程;数据集合转化为树形结构的流程;获取界面呈现区域的大小的流程;计算最优呈现比例的流程;按照最优比例在界面上呈现树形结构,各个节点的信息以表格的形式进行展示的流程。本发明提供了一种智能布局方法,结合了表格、树形和图形各自优点,便于查看又美观,且能展示各个数据之间的关联信息,在不同显示比例下能突出数据的不同参数。

Description

一种基于组织结构树的智能布局呈现方法
技术领域
本发明涉及数据处理领域。具体涉及一种基于组织结构树的智能布局呈现方法。
背景技术
数据集合是软件系统的基础,它在软件系统中以表格、树形和图形等不同形式呈现。表格是当前数据呈现最常用的形式,表格能将全部信息详细显示,呈现内容全面丰富,但表格不能展示数据之间的关联信息,同时也不能突出数据的重点参数,不利于查看,也不美观。树形结构是另一种数据呈现形式,它以某个重要参数的关联情况分级展示,能让用户直观看出该重要参数的脉络,但是展示内容单一,会缺失其他关键信息。图形主要是数据集合中的一些统计信息呈现形式,图形直观好看,它通常以线性图、饼图、柱状图等形式将数据集合总体统计情况呈现,但是不能体现详细信息。
如果能提供一种采用表格和图形相结合的进行展示的技术方案,将是十分有意义的。
发明内容
本发明所述基于组织结构树的智能布局呈现方法,包括如下流程:
数据集合读取的流程。
数据集合转化为树形结构的流程。
获取界面呈现区域的大小的流程。
计算最优呈现比例的步骤。
按照最优比例在界面上呈现树形结构的步骤,各个节点的信息以表格的形式进行展示的流程。
具体的,数据集合转化为树形结构的流程具体为:将数据集合的其中一个重要参数作为主属性,以主属性作为节点,根据各个属性之间的关联情况,将数据集合转换为树形结构,各个节点的信息以表格的形式进行展示。
具体的,计算最优呈现比例的具体方法为:
获取界面大小,设定界面宽度为a,高度为b,以一个像素为基准将界面划分为若干个网格,并以各行界面的上部中点为坐标原点,预设每个节点的高度为h像素、宽度为w像素以及间距为d像素,获取树形结构的级数n和每级数量m。
则视图完全呈现需要的像素为:
高度H=h*n+d*(n-1);
宽度W=w*m+d*(m-1);
最优显示比例y=(a*b)/(H*W);
每个节点的中心Y坐标为r*h+(r-1)*d–h/2,其中r是节点所属的行号;X坐标为i*w+(i-1)*d–i/2,其中i是节点所在行从左到右的序号。
其中x为节点序号。
优选的,本方法还包括将最优比例呈现的视图以缩略图的形式保存的流程。
优选的,本方法还包括将最优比例呈现的视图按照不同比例缩放进行显示的步骤。
优选的,所述不同比例包括三种比例值,分别为小于50%的比例、50%-100%的比例、大于100%的比例。
进一步的,小于50%的比例时,各个节点显示重要的信息。50%-100%的比例时,各个节点显示重要信息和附加信息。大于100%的比例,各个节点显示重要信息、附加信息、节点名称和/或大小和/或修改时间。
优选的,本方法,还包括平移视图的流程。
优选的,本方法还包括鹰眼显示的流程。
优选的,本方法还包括通过快捷方式一键还原到100%缩放布局和一键还原到最优显示比例的流程。
本发明的有益效果为:
本发明提供了一种智能布局方法,结合了表格、树形和图形各自优点,便于查看又美观,且能展示各个数据之间的关联信息,在不同显示比例下能突出数据的不同参数。
附图说明
图1为本发明流程图。
图2为小比例下的呈现形式。
图3为中比例下的呈现形式。
图4为大比例下的呈现形式。
具体实施方式
如图1所示,本发明所述基于组织结构树的智能布局呈现方法包括如下五个流程:
一:数据集合读取的流程。
二:数据集合转化为树形结构的流程。
将数据集合的其中一个重要参数作为主属性,以主属性作为节点,根据各个属性之间的关联情况,将数据集合转换为树形结构,各个节点的信息以表格的形式进行展示。树形结构使得呈现的内容结构清晰,形式美观。
三:获取界面呈现区域的大小的流程。
呈现区域的大小将作为参数,以智能布局算法计算出最优呈现比例。本流程和下一流程使得本发明能自适应屏幕大小,按最优比例显示。
四:计算最优呈现比例的步骤。
具体方法为:
获取界面大小,设定界面宽度为a,高度为b,以一个像素为基准将界面划分为若干个网格,并以各行界面的上部中点为坐标原点,预设每个节点的高度为h像素、宽度为w像素以及间距为d像素,获取树形结构的级数n和每级数量m以及单个子级的最大数量max。
则视图完全呈现需要的像素为:
高度H=h*n+d*(n-1);
宽度W=w*n+d*(max-1);
最优显示比例y=(a*b)/(H*W);
每个节点的中心Y坐标为r*h+(r-1)*d–h/2,其中r是节点所属的行号;X坐标为i*w+(i-1)*d–i/2,其中i是节点所在行从左到右的序号。
五:按照最优比例在界面上呈现树形结构的步骤,各个节点的信息以表格的形式进行展示的流程。
优选的,还包括将最优比例呈现的视图以缩略图的形式保存的流程。保存的目的是为了预览。
除了上述五个必须的步骤外,本发明优选包括将最优比例呈现的视图按照不同比例缩放进行显示的步骤。本实施例中,所述不同比例包括三种比例值,分别为小于50%的比例(如图1所示)、50%-100%的比例(如图2所示)、大于100%的比例(如图3所示)。
不同比例下,会呈现不同的信息。小于50%的比例时,各个节点显示重要的信息(如图1中的节点名称)。50%-100%的比例时,各个节点显示重要信息和附加信息(如图1中的节点名称和该节点的文件夹大小)。大于100%的比例,各个节点显示重要信息、附加信息、节点名称和/或大小和/或修改时间。
优选的,还包括平移视图的流程。平移视图技术采用的现有技术。
优选的,还包括鹰眼显示的流程。本流程采用现有的鹰眼功能。
优选的,还包括通过快捷方式一键还原到100%缩放布局和一键还原到最优显示比例的流程。

Claims (6)

1.一种基于组织结构树的智能布局呈现方法,其特征在于,包括:
数据集合读取的流程;
数据集合转化为树形结构的流程;
获取界面呈现区域的大小的流程;
计算最优呈现比例的流程;
按照最优比例在界面上呈现树形结构,各个节点的信息以表格的形式进行展示的流程;
计算最优呈现比例的具体方法为:
获取界面大小,设定界面宽度为a,高度为b,以一个像素为基准将界面划分为若干个网格,并以各行界面的上部中点为坐标原点,预设每个节点的高度为h像素、宽度为w像素以及间距为d像素,获取树形结构的级数n和每级数量m;
则视图完全呈现需要的像素为高度H=h*n+d*(n-1);
宽度W=w*m+d*(m-1);
最优显示比例y=(a*b)/(H*W);
每个节点的中心Y坐标为r*h+(r-1)*d–h/2,其中r是节点所属的行号;X坐标为i*w+(i-1)*d–i/2,其中i是节点所在行从左到右的序号;
所述基于组织结构树的智能布局呈现方法,还包括将最优比例呈现的视图按照不同比例缩放进行显示的步骤;所述不同比例包括三种比例值,分别为小于50%的比例、50%-100%的比例、大于100%的比例;小于50%的比例时,各个节点显示重要的信息;50%-100%的比例时,各个节点显示重要信息和附加信息;大于100%的比例,各个节点显示重要信息、附加信息、节点名称和/或大小和/或修改时间。
2.如权利要求1所述的基于组织结构树的智能布局呈现方法,其特征在于,数据集合转化为树形结构的流程具体为:将数据集合的其中一个重要参数作为主属性,以主属性作为节点,根据各个属性之间的关联情况,将数据集合转换为树形结构。
3.如权利要求1所述的基于组织结构树的智能布局呈现方法,其特征在于,还包括将最优比例呈现的视图以缩略图的形式保存的流程。
4.如权利要求1所述的基于组织结构树的智能布局呈现方法,其特征在于,还包括平移视图的流程。
5.如权利要求1所述的基于组织结构树的智能布局呈现方法,其特征在于,还包括鹰眼显示的流程。
6.如权利要求1所述的基于组织结构树的智能布局呈现方法,其特征在于,还包括通过快捷方式一键还原到100%缩放布局和一键还原到最优显示比例的流程。
CN201810586982.5A 2018-06-08 2018-06-08 一种基于组织结构树的智能布局呈现方法 Active CN108846075B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810586982.5A CN108846075B (zh) 2018-06-08 2018-06-08 一种基于组织结构树的智能布局呈现方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810586982.5A CN108846075B (zh) 2018-06-08 2018-06-08 一种基于组织结构树的智能布局呈现方法

Publications (2)

Publication Number Publication Date
CN108846075A CN108846075A (zh) 2018-11-20
CN108846075B true CN108846075B (zh) 2021-09-21

Family

ID=64211673

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810586982.5A Active CN108846075B (zh) 2018-06-08 2018-06-08 一种基于组织结构树的智能布局呈现方法

Country Status (1)

Country Link
CN (1) CN108846075B (zh)

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1485775A (zh) * 2002-09-27 2004-03-31 英业达股份有限公司 树形结构节点数据显示处理系统与方法
CN1849602A (zh) * 2003-09-09 2006-10-18 皇家飞利浦电子股份有限公司 用于提供数据的树形结构视图的方法
CN1983257A (zh) * 2006-05-11 2007-06-20 华为技术有限公司 一种通过树型结构展现数据的方法及系统
CN101097572A (zh) * 2006-06-30 2008-01-02 西门子(中国)有限公司 一种具有多行内容节点的树形结构列表显示方法及其装置
CN101425063A (zh) * 2007-11-01 2009-05-06 国际商业机器公司 多维度数据集的显示及浏览的方法及设备
CN102629271A (zh) * 2012-03-13 2012-08-08 北京工商大学 一种基于堆叠树图的复杂数据可视化方法及设备
CN103049430A (zh) * 2012-12-27 2013-04-17 南京新与力文化传播有限公司 一种基于idf格式文件的页面显示方法
CN103309919A (zh) * 2012-03-06 2013-09-18 国际商业机器公司 在树结构中呈现数据的方法与系统
CN103699953A (zh) * 2013-11-06 2014-04-02 北京驭时德隆科技有限公司 项目管理系统及其数据处理方法和装置
CN103984724A (zh) * 2014-05-15 2014-08-13 北京理工大学 基于空间优化树布局的可视化交互方法
CN105511725A (zh) * 2015-12-09 2016-04-20 网易(杭州)网络有限公司 界面中控件的显示方法及装置

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6944818B2 (en) * 2001-09-10 2005-09-13 Xerox Corporation Method and apparatus for the viewing and exploration of the content of hierarchical information
JP4412342B2 (ja) * 2007-03-30 2010-02-10 ソニー株式会社 コンテンツ管理装置、画像表示装置、撮像装置、および、これらにおける処理方法ならびに当該方法をコンピュータに実行させるプログラム
CN104008122A (zh) * 2014-02-19 2014-08-27 浙江工商大学 层次化数据的动态多级饼图展示方法

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1485775A (zh) * 2002-09-27 2004-03-31 英业达股份有限公司 树形结构节点数据显示处理系统与方法
CN1849602A (zh) * 2003-09-09 2006-10-18 皇家飞利浦电子股份有限公司 用于提供数据的树形结构视图的方法
CN1983257A (zh) * 2006-05-11 2007-06-20 华为技术有限公司 一种通过树型结构展现数据的方法及系统
CN101097572A (zh) * 2006-06-30 2008-01-02 西门子(中国)有限公司 一种具有多行内容节点的树形结构列表显示方法及其装置
CN101425063A (zh) * 2007-11-01 2009-05-06 国际商业机器公司 多维度数据集的显示及浏览的方法及设备
CN103309919A (zh) * 2012-03-06 2013-09-18 国际商业机器公司 在树结构中呈现数据的方法与系统
CN102629271A (zh) * 2012-03-13 2012-08-08 北京工商大学 一种基于堆叠树图的复杂数据可视化方法及设备
CN103049430A (zh) * 2012-12-27 2013-04-17 南京新与力文化传播有限公司 一种基于idf格式文件的页面显示方法
CN103699953A (zh) * 2013-11-06 2014-04-02 北京驭时德隆科技有限公司 项目管理系统及其数据处理方法和装置
CN103984724A (zh) * 2014-05-15 2014-08-13 北京理工大学 基于空间优化树布局的可视化交互方法
CN105511725A (zh) * 2015-12-09 2016-04-20 网易(杭州)网络有限公司 界面中控件的显示方法及装置

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
Browsing Zoomable Treemaps: Structure-Aware Multi-Scale Navigation Techniques;R. Blanch 等;《IEEE Transactions on Visualization and Computer Graphics》;20071105;第13卷(第6期);第1248-1253页 *
可视化树形布局算法探讨;王娟;《产业与科技论坛》;20110430;第10卷(第8期);第113-115页 *

Also Published As

Publication number Publication date
CN108846075A (zh) 2018-11-20

Similar Documents

Publication Publication Date Title
US20170177744A1 (en) Graph Database Visualization by Node and Edge Type
US20060282786A1 (en) User interface state reconfiguration through animation
CN108235055B (zh) Ar场景中透明视频实现方法及设备
JP2017126304A (ja) 画像処理装置、画像処理方法、画像処理システムおよびプログラム
CN111754407A (zh) 图像展示的布局方法、装置、设备以及存储介质
TW201619803A (zh) 使用者介面顯示系統及方法
CN105979192A (zh) 一种视频显示方法和装置
JP2013029930A (ja) 画像処理装置
US11380284B2 (en) Color space mapping method, equipment, computer readable storage medium, and device
CN108846075B (zh) 一种基于组织结构树的智能布局呈现方法
CN102468827A (zh) 一种任意波形编辑方法及装置
US9043238B2 (en) Data visualization system
CN106340278B (zh) 一种显示面板的驱动方法及装置
US20140111434A1 (en) Character input method and device based on arrow key
CN101664316B (zh) 一种乳腺x线图像的软拷贝显示方法
CN103678261A (zh) 一种快速显示ttf字体的方法、装置及设备
CN112183294A (zh) 文本消除方法、装置、电子设备及存储介质
CN108509112B (zh) 菜单的显示方法及装置、显示设备及存储介质
CN113032079B (zh) 一种新型条件控制图表展示方法
CN100535984C (zh) 彩色影像加强装置与方法
CN111402366B (zh) 一种文字渲染方法、装置、电子设备及存储介质
US10514834B2 (en) Method and system for selecting objects on a computer screen
CN114202517A (zh) 一种图像对比度调节方法及装置
CN109410296B (zh) 一种实现数据显示的方法及装置
CN111596979B (zh) 一种序列数据像素可视化自适应视觉映射调整方法及系统

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
GR01 Patent grant
GR01 Patent grant
CP01 Change in the name or title of a patent holder
CP01 Change in the name or title of a patent holder

Address after: 2119, 21st floor, unit 1, building 7, 1700 Tianfu Avenue North Section, high tech Zone, Chengdu, Sichuan 610000

Patentee after: Chengdu Fengwei Technology Co.,Ltd.

Address before: 2119, 21st floor, unit 1, building 7, 1700 Tianfu Avenue North Section, high tech Zone, Chengdu, Sichuan 610000

Patentee before: CHENGDU SHENSI SCIENCE & TECHNOLOGY Co.,Ltd.