CN108846075B - 一种基于组织结构树的智能布局呈现方法 - Google Patents
一种基于组织结构树的智能布局呈现方法 Download PDFInfo
- 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
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%缩放布局和一键还原到最优显示比例的流程。
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)
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)
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 | 浙江工商大学 | 层次化数据的动态多级饼图展示方法 |
-
2018
- 2018-06-08 CN CN201810586982.5A patent/CN108846075B/zh active Active
Patent Citations (11)
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)
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. |