CN102479033A - 一种图表浏览方法、装置及系统 - Google Patents
一种图表浏览方法、装置及系统 Download PDFInfo
- Publication number
- CN102479033A CN102479033A CN2010105616774A CN201010561677A CN102479033A CN 102479033 A CN102479033 A CN 102479033A CN 2010105616774 A CN2010105616774 A CN 2010105616774A CN 201010561677 A CN201010561677 A CN 201010561677A CN 102479033 A CN102479033 A CN 102479033A
- Authority
- CN
- China
- Prior art keywords
- chart
- user
- page
- appointment
- width
- 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.)
- Granted
Links
Images
Abstract
本发明适用于页面浏览技术领域,提供了一种图表浏览方法、装置及系统,所述方法包括下述步骤:检测系统页面框架的高度和宽度,所述系统页面框架的高度和宽度由显示屏分辨率决定;生成符合所述系统页面框架的高度和宽度的系统页面;按比例生成图表并加载至系统页面展示。本发明针对不同用户终端的不同显示屏分辨率,对需要进行展示的图表进行自适应生成,同时根据用户的关注点对图表或者图表局部进行放大生成,使得用户能够在系统中完整、清晰地对所需图表进行浏览,并对图表细节进行放大浏览,很好地提升了用户体验。
Description
技术领域
本发明属于页面浏览技术领域,尤其涉及一种图表浏览方法、装置及系统。
背景技术
商业智能系统往往需要生成大量的图表并在系统页面中进行展示,随着用户对信息量的需求日益增大,在系统页面中,不但单个图表的信息量非常大,还会出现多个图表同时在一个系统页面进行展示的情况。
现有的图表在系统页面中进行展示时,无法根据用户终端的显示屏分辨率来进行自适应调整,而是直接按照最初的设计分辨率进行展示,当图表设计分辨率大于用户终端显示屏分辨率时,需要用户上下左右移动页面滚动条才能看到需要的内容,而不能直接展示图表全貌;当图表设计分辨率小于用户终端显示屏分辨率时,则页面中的图表相对于页面本身显得很小,可视性较差。同时,当用户需要重点查看图表中的某一部分内容时,尚没有针对此类需求的图表局部放大功能。
发明内容
本发明实施例的目的在于提供一种图表浏览方法,旨在解决现有技术中图表无法根据不同显示屏分辨率进行整体及局部自适应调整的问题。
本发明实施例是这样实现的,一种图表浏览方法,所述方法包括下述步骤:
检测系统页面框架的高度和宽度,所述系统页面框架的高度和宽度由显示屏分辨率决定;
生成符合所述系统页面框架的高度和宽度的系统页面;
按比例生成图表并加载至系统页面展示。
本发明实施例的另一目的在于提供一种图表浏览装置,所述装置包括:
系统页面框架检测单元,用于检测系统页面框架的高度和宽度;
系统页面生成单元,用于生成符合所述系统页面框架的高度和宽度的系统页面;
图表生成单元,用于按比例生成图表;
图表加载单元,用于加载生成的图表至所述系统页面展示。
本发明实施例的另一目的在于提供一种包含上述图表浏览装置的系统。
本发明实施例针对不同用户终端的不同显示屏分辨率,对需要进行展示的图表进行自适应生成,同时根据用户的关注点对图表或者图表局部进行放大生成,使得用户能够在系统中完整、清晰地对所需图表进行浏览,并对图表细节进行放大浏览,很好地提升了用户体验。
附图说明
图1是本发明第一实施例提供的图表浏览方法的实现流程图;
图2是本发明第二实施例提供的图表浏览方法的实现流程图;
图3是本发明第三实施例提供的图表浏览方法的实现流程图;
图4是本发明第四实施例提供的图表浏览方法的实现流程图;
图5是本发明实施例提供的图表浏览装置的结构图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例针对不同用户终端的显示屏分辨率,通过检测系统页面框架的大小,按照宽高比例调整并生成需要展示的图表,使得该图表在加载之后,能够完整地在系统页面中根据显示屏分辨率的大小进行自适应展示。
图1示出了本发明第一实施例提供的图表浏览方法的实现流程,详述如下:
在步骤S101中,检测系统页面框架的高度和宽度,所述系统页面框架的高度和宽度由显示屏分辨率决定。
在本发明实施例中,系统页面框架为包含了图表的系统页面的显示区域,系统页面框架的高度和宽度由用户终端的显示屏分辨率决定,说明了其能够展示的图表大小,当用户终端的显示屏分辨率大时,系统页面框架的高度和宽度也相应大,能够显示的图表尺寸也相应大;当用户终端的显示屏分辨率小时,系统页面框架的高度和宽度也相应小,能够显示的图表尺寸也相应小。
在步骤S102中,生成符合所述系统页面框架的高度和宽度的系统页面。
在本发明实施例中,生成的系统页面的高度和宽度即为系统页面框架的高度和宽度,以使该系统页面能够在系统页面框架中完整且最大化地进行加载。
在步骤S103中,按比例生成图表并加载至系统页面展示。
在本发明实施例中,需要在同一系统页面中进行展示的图表按照其自身原本的宽高比例,以及各个图表所占的系统页面比例生成。根据步骤S102中系统页面生成大小的不同,相应地需要在系统页面中进行展示的图表大小也不同,不同大小的图表通过不同大小的分辨率生成,使得生成的图表在加载后,无论是一个或者多个,都同样能够完整且最大化地在系统页面中进行展示,一方面不会因为图表太大而需要滚动条才能浏览完全,另一方面也不会因为图表放大却还维持着低分辨率,导致马赛克现象出现,影响用户浏览体验。同时,通过上述步骤,开发人员在设计图表的时候,也无需考虑不同显示屏分辨率对图表浏览效果影响不同的问题,减少了设计工作量。
作为本发明的一个实施例,当系统页面中的图表有多个时,可以对用户指定的其中一个图表进行自适应调整生成,图2示出了本发明第二实施例提供的图表浏览方法的实现流程,详述如下:
在步骤S201中,通过检测用户的图表指定操作,获取用户指定的图表。用户的图表指定操作可以通过在图表中单击鼠标、触摸按键等人机交互方式实现,且能够同时指定多个图表,具体的图表指定操作方式在此不作限定。
在步骤S202中,将指定图表进行按比例放大生成。
在本发明实施例中,对用户指定的图表通过系统默认比例放大生成,例如以150%的倍数对指定图表进行放大生成,放大生成后的图表在系统页面框架中显示,并可以通过检测用户放大或者缩小一定比例的操作对放大后的图表进行相应的大小调整。
在步骤S203中,将未指定图表以最小化图标形式生成,以方便用户在放大浏览指定图表的同时,能够在需要的时候对其余未指定的图表进行指定放大操作。
作为本发明的又一个实施例,系统可以将用户指定的图表放大生成到全屏显示,此时图表的宽度和高度符合系统页面框架的高度和宽度,而其余未指定图表则相应隐藏。
在步骤S204中,将调整生成的图表加载至系统页面展示。
在本发明实施例中,还可以对用户在系统页面中指定多个图表进行同时放大生成,图3示出了本发明第三实施例提供的图表浏览方法的实现流程,详述如下:
在步骤S301中,通过检测用户的图表指定操作,同时获取用户指定的两个以上图表。
在步骤S302中,根据用户指定的图表数目,对系统页面划分相同数目的子页面。其中,对系统页面划分子页面的情况可以根据用户指定的图表数目,进行横向、纵向、横纵向混合等方式的划分,例如,对两个图表进行左右分屏显示。
在步骤S303中,根据子页面的高度和宽度,对用户指定图表依次进行相应地放大生成。
在步骤S304中,在各子页面中依次加载放大生成的用户指定图表,进展示。
在本发明实施例中,通过对系统页面中用户指定的一个或者多个图表进行放大生成,使得用户可以更有针对性地对其需要重点关注的一个或多个图表进行浏览。
在本发明实施例中,系统还能够通过检测用户指定的单个图表中的某区域,对该区域范围内的图表内容进行局部放大生成,并使其在系统页面框架中进行展示。
图4示出了本发明第四实施例提供的图表浏览方法的实现流程,详述如下:
在步骤S401中,通过检测用户的图表框选操作,获取用户图表框选操作的开前坐标和结束坐标。
在本发明实施例中,用户指定的图表区域通过系统检测用户的图表框选操作来确定。用户通过按下操作并在图表上拖拽出一个矩形区域后释放操作,框选出一个需要放大浏览的图表区域,其中,用户按下操作的当前坐标为开前坐标,用户释放操作的当前坐标为结束坐标,用户的图表框选操作可以通过鼠标、触摸按键等人机交互方式实现,具体的图表框选操作在此不作限定。
在步骤S402中,根据用户图表框选操作的开前坐标和结束坐标,获取用户指定的图表区域。
在步骤S403中,根据系统页面框架的高度和宽度,将用户指定的图表区域按比例进行放大生成,并加载至系统页面展示。
在本发明实施例中,当用户需要对内容繁多的图表进行局部的重点关注时,可以通过上述步骤对该图表进行局部的细节放大,方便用户高效地定位到其关注点。
图5示出了本发明实施例提供的图表浏览装置的结构,为了便于说明,仅示出了与本实施例相关的部分。
该图表浏览装置可以运行于各种商业智能系统,为运行于商业智能系统中的软件单元,其中:
系统页面框架检测单元51,检测系统页面框架的高度和宽度。
系统页面生成单元52,生成符合所述系统页面框架的高度和宽度的系统页面。
图表生成单元53,对要在系统页面中进行展示的图表进行生成,包括按比例放大生成和最小化图标形式生成。
在本发明实施例中,图表生成单元53需要生成的图表包括系统页面中需要展示的图表、用户指定的一个或者多个图表以及用户框选的图表区域。
图表加载单元54,加载图表生成单元53生成的图表至系统页面展示。
在本发明实施例中,除了对系统页面中的图表进行自适应调整生成,还能够通过获取用户指定的图表或者图表区域,对该图表或者图表区域进行放大生成,方便用户浏览。
指定图表获取单元55,获取用户指定的图表,该图表通过检测用户的图表指定操作获得,可以为一个或者多个图表同时指定。
坐标获取单元56,通过检测用户图表框选操作的按下操作和释放操作,获取用户框选的图表区域的开前坐标和结束坐标。
图表区域获取单元57,通过坐标获取单元55中获取到的开前坐标和结束坐标,计算出用户框选的图表区域。
在本发明实施例中,针对不同用户终端的不同显示屏分辨率,根据用户的关注点,对需要进行展示及重点关注的图表或者图表局部进行放大生成,生成适应当前显示屏分辨率的图表,使得用户能够在系统中完整、清晰地对所需图表进行浏览,并对图表细节进行放大浏览,很好地提升了用户体验。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种图表浏览方法,其特征在于,所述方法包括下述步骤:
检测系统页面框架的高度和宽度,所述系统页面框架的高度和宽度由显示屏分辨率决定;
生成符合所述系统页面框架的高度和宽度的系统页面;
按比例生成图表并加载至系统页面展示。
2.如权利要求1所述的方法,其特征在于,所述按比例生成图表并加载至系统页面展示的步骤具体为:
根据所述系统页面框架的高度和宽度,按照图表自身的宽高比例以及所占的系统页面比例生成图表;
将所述图表加载至所述系统页面展示。
3.如权利要求1所述的方法,其特征在于,所述方法还包括下述步骤:
通过检测用户的图表指定操作,获取用户指定的图表;
按比例放大生成所述用户指定的图表;
以最小化图标形式生成未指定图表;
将调整生成的图表加载至所述系统页面展示。
4.如权利要求1所述的方法,其特征在于,所述方法还包括下述步骤:
通过检测用户的图表指定操作,获取用户指定的多个图表;
根据所述用户指定的多个图表的数目,划分相同数目的子页面;
根据所述子页面的高度和宽度,对所述用户指定的多个图表依次进行放大生成;
将生成的图表依次加载至各子页面中展示。
5.如权利要求1所述的方法,其特征在于,所述方法进一步包括下述步骤:
通过检测用户的图表框选操作,获取用户指定的图表区域;
按比例放大生成用户指定的图表区域并加载至系统页面展示。
6.如权利要求5所述的方法,其特征在于,所述通过检测用户的图表框选操作,获取用户指定的图表区域的步骤具体为:
获取所述图表框选操作的开前坐标和结束坐标;
根据所述开前坐标和结束坐标,获取用户指定的图表区域。
7.一种图表浏览装置,其特征在于,所述装置包括:
系统页面框架检测单元,用于检测系统页面框架的高度和宽度;
系统页面生成单元,用于生成符合所述系统页面框架的高度和宽度的系统页面;
图表生成单元,用于按比例生成图表;
图表加载单元,用于加载生成的图表至所述系统页面展示。
8.如权利要求7所述的装置,其特征在于,所述装置还包括:
指定图表获取单元,用于通过检测用户的图表指定操作,获取用户指定的图表。
9.如权利要求7所述的装置,其特征在于,所述装置还包括:
坐标获取单元,用于获取用户图表框选操作的开前坐标和结束坐标;
图表区域获取单元,用于通过所述用户图表框选操作的开前坐标和结束坐标,获取用户框选的图表区域。
10.一种包含权利要求7至9任一项的图表浏览装置的系统。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010561677.4A CN102479033B (zh) | 2010-11-26 | 2010-11-26 | 一种图表浏览方法、装置及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010561677.4A CN102479033B (zh) | 2010-11-26 | 2010-11-26 | 一种图表浏览方法、装置及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102479033A true CN102479033A (zh) | 2012-05-30 |
CN102479033B CN102479033B (zh) | 2014-06-25 |
Family
ID=46091697
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201010561677.4A Active CN102479033B (zh) | 2010-11-26 | 2010-11-26 | 一种图表浏览方法、装置及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102479033B (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104915459A (zh) * | 2015-07-07 | 2015-09-16 | 英业达科技有限公司 | 网页表单动态调整系统及其方法 |
CN105893602A (zh) * | 2016-04-21 | 2016-08-24 | 北京京东尚科信息技术有限公司 | 用于终端浏览器的网页中图表的全屏显示方法及系统 |
CN106610920A (zh) * | 2015-10-26 | 2017-05-03 | 北京国双科技有限公司 | 数据图表显示方法和装置 |
CN106933887A (zh) * | 2015-12-31 | 2017-07-07 | 北京国双科技有限公司 | 一种数据可视化方法及装置 |
CN108052245A (zh) * | 2017-11-24 | 2018-05-18 | 大唐恩智浦半导体有限公司 | 一种电池管理系统的数据处理方法和装置 |
CN108319411A (zh) * | 2017-01-16 | 2018-07-24 | 阿里巴巴集团控股有限公司 | 一种图表局部放大的方法、装置及电子设备 |
CN109284461A (zh) * | 2018-11-01 | 2019-01-29 | 成都四方伟业软件股份有限公司 | 一种基于web的网页自动布局方法及装置 |
CN110147441A (zh) * | 2019-04-03 | 2019-08-20 | 平安科技(深圳)有限公司 | 数据的整合显示方法、装置、终端设备及介质 |
CN111310082A (zh) * | 2018-12-11 | 2020-06-19 | 杭州海康威视系统技术有限公司 | 一种页面显示方法和装置 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109033287A (zh) * | 2018-07-12 | 2018-12-18 | 北京猫眼文化传媒有限公司 | 一种信息处理方法及装置 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101241416A (zh) * | 2008-02-21 | 2008-08-13 | 北大方正集团有限公司 | 一种适应屏幕分辨率的电子读物处理方法及系统 |
CN101287033A (zh) * | 2007-02-27 | 2008-10-15 | Lg电子株式会社 | 用于显示移动终端的事件的方法和装置 |
-
2010
- 2010-11-26 CN CN201010561677.4A patent/CN102479033B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101287033A (zh) * | 2007-02-27 | 2008-10-15 | Lg电子株式会社 | 用于显示移动终端的事件的方法和装置 |
CN101241416A (zh) * | 2008-02-21 | 2008-08-13 | 北大方正集团有限公司 | 一种适应屏幕分辨率的电子读物处理方法及系统 |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104915459A (zh) * | 2015-07-07 | 2015-09-16 | 英业达科技有限公司 | 网页表单动态调整系统及其方法 |
CN106610920A (zh) * | 2015-10-26 | 2017-05-03 | 北京国双科技有限公司 | 数据图表显示方法和装置 |
CN106933887B (zh) * | 2015-12-31 | 2021-02-12 | 北京国双科技有限公司 | 一种数据可视化方法及装置 |
CN106933887A (zh) * | 2015-12-31 | 2017-07-07 | 北京国双科技有限公司 | 一种数据可视化方法及装置 |
CN105893602A (zh) * | 2016-04-21 | 2016-08-24 | 北京京东尚科信息技术有限公司 | 用于终端浏览器的网页中图表的全屏显示方法及系统 |
CN108319411A (zh) * | 2017-01-16 | 2018-07-24 | 阿里巴巴集团控股有限公司 | 一种图表局部放大的方法、装置及电子设备 |
CN108319411B (zh) * | 2017-01-16 | 2021-08-27 | 阿里巴巴集团控股有限公司 | 一种图表局部放大的方法、装置及电子设备 |
CN108052245A (zh) * | 2017-11-24 | 2018-05-18 | 大唐恩智浦半导体有限公司 | 一种电池管理系统的数据处理方法和装置 |
CN109284461A (zh) * | 2018-11-01 | 2019-01-29 | 成都四方伟业软件股份有限公司 | 一种基于web的网页自动布局方法及装置 |
CN111310082A (zh) * | 2018-12-11 | 2020-06-19 | 杭州海康威视系统技术有限公司 | 一种页面显示方法和装置 |
CN111310082B (zh) * | 2018-12-11 | 2023-09-29 | 杭州海康威视系统技术有限公司 | 一种页面显示方法和装置 |
CN110147441A (zh) * | 2019-04-03 | 2019-08-20 | 平安科技(深圳)有限公司 | 数据的整合显示方法、装置、终端设备及介质 |
CN110147441B (zh) * | 2019-04-03 | 2022-05-13 | 平安科技(深圳)有限公司 | 数据的整合显示方法、装置、终端设备及介质 |
Also Published As
Publication number | Publication date |
---|---|
CN102479033B (zh) | 2014-06-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102479033B (zh) | 一种图表浏览方法、装置及系统 | |
AU2012332514B2 (en) | Adjusting content to avoid occlusion by a virtual input panel | |
US9672539B2 (en) | Advertisement generation apparatus and terminal device | |
US8952992B2 (en) | Zoom processing device, zoom processing method, and computer program | |
US20120036428A1 (en) | Advanced scrolling | |
CN104049854B (zh) | 显示处理方法和电子设备 | |
US20110202859A1 (en) | Distortion effects to indicate location in a movable data collection | |
EP2503442A2 (en) | Method and apparatus of managing items on clipboard of portable terminal | |
CN105980972A (zh) | 用户终端装置及其显示方法 | |
CN102722359A (zh) | 一种显示应用程序的方法、装置及便携式移动终端 | |
JP2008217790A (ja) | 情報表示端末機及び方法 | |
CN103034708A (zh) | 浏览器电子表格整合 | |
CN103197841A (zh) | 图片浏览方法及其系统和终端设备 | |
CN102622175A (zh) | 一种在触摸屏设备上新建文件夹的方法及终端 | |
CN103294559A (zh) | 移动终端的应用交互方法和系统 | |
CN105094841A (zh) | 一种页面评论方法及装置 | |
CN102306084A (zh) | 应用程序的管理方法和装置 | |
CN102316194A (zh) | 手机、手机的用户交互方法及装置 | |
CN101699388A (zh) | 一种用于液晶显示画面的图像处理方法及系统 | |
US20140351745A1 (en) | Content navigation having a selection function and visual indicator thereof | |
CN102103581A (zh) | 一种利用计算机在表格中追加行列的方法及系统 | |
CN105577518A (zh) | 一种在即时通信中显示网址对应信息的方法及电子设备 | |
CN101477438A (zh) | 坐标轴变换方法 | |
CN101887340A (zh) | 显示装置及其翻页显示的实现方法 | |
US20130061171A1 (en) | Display apparatus and ui providing method thereof |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |