CN102779355A - 一种实现三维饼状图动态呈现的方法 - Google Patents
一种实现三维饼状图动态呈现的方法 Download PDFInfo
- Publication number
- CN102779355A CN102779355A CN2012101065358A CN201210106535A CN102779355A CN 102779355 A CN102779355 A CN 102779355A CN 2012101065358 A CN2012101065358 A CN 2012101065358A CN 201210106535 A CN201210106535 A CN 201210106535A CN 102779355 A CN102779355 A CN 102779355A
- Authority
- CN
- China
- Prior art keywords
- cake chart
- dimensional
- dimensional cake
- circumference
- realizes
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Image Generation (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种实现三维饼状图动态呈现的方法,根据圆心角计算圆周上的点坐标,将所述点坐标按照实际相对原点位置的方向进行调整,获得圆周上的点,索引从1至n,其中n为自然数,根据右手定则,按照索引顺序连接圆周上相邻的点,生成三角形,按照上述方式生成三维饼状图的顶面和底面,根据厚度生成三维饼状图的侧面。采用了本发明的技术方案,能够以三维方式动态呈现饼状图,从而提供更好的视觉效果和独特的用户体验。
Description
技术领域
本发明涉及新媒体技术领域,尤其涉及一种实现三维饼状图动态呈现的方法。
背景技术
在新媒体领域,演播室的互动播报、政府会议报告,以及博物馆、科技馆和展厅的互动展示等需求越来越多,经常需要使用到饼状图。但是现在使用的饼状图呈现起来比较单调,视觉效果比较差,从而导致饼状图的用户体验不好,降低了饼状图的使用范围。
发明内容
本发明的目的在于提出一种实现三维饼状图动态呈现的方法,能够以三维方式动态呈现饼状图,从而提供更好的视觉效果和独特的用户体验。
为达此目的,本发明采用以下技术方案:
一种实现三维饼状图动态呈现的方法,包括以下步骤:
A、根据圆心角计算圆周上的点坐标;
B、将所述点坐标按照实际相对原点位置的方向进行调整;
C、获得圆周上的点,索引从1至n,其中n为自然数;
D、根据右手定则,按照索引顺序连接圆周上相邻的点,生成三角形;
E、按照步骤A到步骤D的方式生成三维饼状图的顶面和底面;
F、根据厚度生成三维饼状图的侧面。
骤F中,三维饼状图的侧面的顶点的连接方式为三维饼状图的顶面和底面的顶点错位相互连接。
还包括以下步骤:
对三维饼状图的圆心角分出来的扇形块贴材质。
所述材质是一张图。
当所述材质映射到三维饼状图的三角形上时,指定纹理坐标。
还包括以下步骤:
对三维饼状图加上光源动画。
采用了本发明的技术方案,由于三维坐标系里可以控制XYZ轴来展现饼图不同的角度,丰富的色彩、光泽、表面、材质等等外观质感,以及巧妙而错综复杂的内部结构和时空动态的运动关系,在视觉表现上完全优于二维界面,真正实现了3D取代2D、“立体”取代“平面”、“虚拟”模拟“现实”,极大的提升了用体验。
附图说明
图1是本发明具体实施方式中实现三维饼状图动态呈现的流程图。
图2是本发明具体实施方式中圆周坐标图。
图3是本发明具体实施方式中右手定则示意图。
图4是本发明具体实施方式中侧面生成示意图。
图5是本发明具体实施方式中指定纹理坐标示意图。
具体实施方式
下面结合附图并通过具体实施方式来进一步说明本发明的技术方案。
本发明技术方案的主要思想是使用WPF中3D呈现技术实现三维饼状图。首先描述一下实现3D界面的基础,生成3D图形的基本思想是能得到一个物体的三维立体模型(Model)。由于屏幕只有二维,因而定义了一个用于给物体拍照的照相机(Camera),拍到的照片其实是物体到一个平坦表面的投影,这个投影由3D渲染引擎渲染成位图,引擎通过计算所有光源对3D空间中物体的投影面反射的光量,来决定位图中每个像素点的颜色。
物体的每一个表面都有一种材质(Material)和一个画刷(Brush)。材质定义了一个具体角度的光的反射量,而画刷定义了表面的颜色。画刷可以是一种单纯的颜色,也可以是渐变的,甚至可以是一幅图片,这些称为纹理(Texture)。在3D图形的世界里,因为三角形是用来描述平面最小的几何体,所有物体都被描述成为一系列三角形的集合。在场景中,渲染引擎可以计算出每一个三角形的颜色,取决于它的材质和它与光线的角度。
3D物体的一个表面称为一个网格(mesh)。一个网格被定义为许多3D点。这些点成为顶点(vertices)。这些顶点通过环绕方式连接起来来形成三角形。每一个三角形有个正面和反面,只有正面才会被渲染。三角形的正面可以通过点的环绕顺序来确定。WPF采用逆时针的环绕方式即右手定则。
图1是本发明具体实施方式中实现三维饼状图动态呈现的流程图。如图1所示,该流程包括以下步骤:
步骤101、饼图的顶端投影为一个圆,圆心角可以把圆面分为多个扇形块,图表数据对应的则是每个扇形块的体积。首先根据圆心角计算圆周上的点坐标。
如图2所示,A为圆周上的点,R为圆半径,则A点横坐标为Sinθ*R,纵坐标为Cosθ*R。因为在3D世界的坐标系中原点在屏幕中心,二维在屏幕左上角。
步骤102、将点坐标按照实际相对原点位置的方向进行调整。则A点坐标为(Sinθ*R,-Cosθ*R)。
步骤103、如图3所示,获得圆周上的点,0为圆心,以生成点A的方式,圆周上的点索引从1至n,其中n为自然数。
步骤104、根据右手定则,按照索引顺序连接圆周上相邻的点,生成三角形为0-1-2,0-2-3,等等。
步骤105、按照步骤101到步骤104的方式生成三维饼状图的顶面和底面。
步骤106、根据厚度生成三维饼状图的侧面。如图4所示,三维饼状图的侧面的顶点的连接方式为三维饼状图的顶面和底面的顶点错位相互连接。这样一个分块的立体3D的饼状图模型就在3D世界中呈现出来。
步骤107、对三维饼状图的圆心角分出来的扇形块贴材质,一般来讲,材质可以定义为一张图,如前面讲的坐标系在二维和三维度中不同,并且三角形的法线(右手定则)决定着可视面,所以当材质映射到组成3D模型网格的三角形上时需要指定纹理坐标,“1 0, 0 0, 0 1, 1 1”也就是说,将A映射到P0,B映射到P1,C映射到P2,D映射到P3 ,如图5所示。
步骤108、对三维饼状图加上光源动画,具有不同材质贴图的3D饼图就可以呈现出来。
以上所述,仅为本发明较佳的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉该技术的人在本发明所揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应该以权利要求的保护范围为准。
Claims (6)
1.一种实现三维饼状图动态呈现的方法,其特征在于,包括以下步骤:
A、根据圆心角计算圆周上的点坐标;
B、将所述点坐标按照实际相对原点位置的方向进行调整;
C、获得圆周上的点,索引从1至n,其中n为自然数;
D、根据右手定则,按照索引顺序连接圆周上相邻的点,生成三角形;
E、按照步骤A到步骤D的方式生成三维饼状图的顶面和底面;
F、根据厚度生成三维饼状图的侧面。
2.根据权利要求1所述的一种实现三维饼状图动态呈现的方法,其特征在于,步骤F中,三维饼状图的侧面的顶点的连接方式为三维饼状图的顶面和底面的顶点错位相互连接。
3.根据权利要求1或者2所述的一种实现三维饼状图动态呈现的方法,其特征在于,还包括以下步骤:
对三维饼状图的圆心角分出来的扇形块贴材质。
4.根据权利要求3所述的一种实现三维饼状图动态呈现的方法,其特征在于,所述材质是一张图。
5.根据权利要求3所述的一种实现三维饼状图动态呈现的方法,其特征在于,当所述材质映射到三维饼状图的三角形上时,指定纹理坐标。
6.根据权利要求3所述的一种实现三维饼状图动态呈现的方法,其特征在于,还包括以下步骤:
对三维饼状图加上光源动画。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2012101065358A CN102779355A (zh) | 2012-04-12 | 2012-04-12 | 一种实现三维饼状图动态呈现的方法 |
PCT/CN2013/073559 WO2013152684A1 (zh) | 2012-04-12 | 2013-04-01 | 一种实现三维饼状图动态呈现的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2012101065358A CN102779355A (zh) | 2012-04-12 | 2012-04-12 | 一种实现三维饼状图动态呈现的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102779355A true CN102779355A (zh) | 2012-11-14 |
Family
ID=47124264
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2012101065358A Pending CN102779355A (zh) | 2012-04-12 | 2012-04-12 | 一种实现三维饼状图动态呈现的方法 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN102779355A (zh) |
WO (1) | WO2013152684A1 (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2013152684A1 (zh) * | 2012-04-12 | 2013-10-17 | 天脉聚源(北京)传媒科技有限公司 | 一种实现三维饼状图动态呈现的方法 |
CN103729878A (zh) * | 2013-12-19 | 2014-04-16 | 江苏锐天信息科技有限公司 | 一种基于wpf的三维图形实现方法及三维文字实现方法 |
CN104484446A (zh) * | 2014-12-24 | 2015-04-01 | 天脉聚源(北京)科技有限公司 | 一种动态显示统计数据的方法及装置 |
CN105893513A (zh) * | 2016-03-30 | 2016-08-24 | 天脉聚源(北京)科技有限公司 | 显示数据的方法和装置 |
CN109308208A (zh) * | 2018-10-23 | 2019-02-05 | 新疆玖富万卡信息技术有限公司 | 一种终端数据显示方法和装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070101255A1 (en) * | 2005-11-02 | 2007-05-03 | Microsoft Corporation | Chart element variations |
CN101261628A (zh) * | 2007-03-07 | 2008-09-10 | 国际商业机器公司 | 利用角度图显示层级结构数据的方法、交互方法及其装置 |
CN101652742A (zh) * | 2007-03-30 | 2010-02-17 | 微软公司 | 非合成桌面中的基于窗口呈现框架的应用程序的远程发送 |
US20100253686A1 (en) * | 2009-04-02 | 2010-10-07 | Quinton Alsbury | Displaying pie charts in a limited display area |
CN102257472A (zh) * | 2008-12-18 | 2011-11-23 | 微软公司 | 数据可视化交互性体系结构 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW200723160A (en) * | 2005-12-08 | 2007-06-16 | Hong-Qian Liao | Mapping and drawing method for a tetrahedron |
CN101551917A (zh) * | 2008-04-03 | 2009-10-07 | 鸿富锦精密工业(深圳)有限公司 | 三维路径绘制系统及方法 |
CN102779355A (zh) * | 2012-04-12 | 2012-11-14 | 天脉聚源(北京)传媒科技有限公司 | 一种实现三维饼状图动态呈现的方法 |
-
2012
- 2012-04-12 CN CN2012101065358A patent/CN102779355A/zh active Pending
-
2013
- 2013-04-01 WO PCT/CN2013/073559 patent/WO2013152684A1/zh active Application Filing
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070101255A1 (en) * | 2005-11-02 | 2007-05-03 | Microsoft Corporation | Chart element variations |
CN101261628A (zh) * | 2007-03-07 | 2008-09-10 | 国际商业机器公司 | 利用角度图显示层级结构数据的方法、交互方法及其装置 |
CN101652742A (zh) * | 2007-03-30 | 2010-02-17 | 微软公司 | 非合成桌面中的基于窗口呈现框架的应用程序的远程发送 |
CN102257472A (zh) * | 2008-12-18 | 2011-11-23 | 微软公司 | 数据可视化交互性体系结构 |
US20100253686A1 (en) * | 2009-04-02 | 2010-10-07 | Quinton Alsbury | Displaying pie charts in a limited display area |
Non-Patent Citations (2)
Title |
---|
ADAM NATHAN: "《WPF揭秘》", 31 May 2008 * |
张景仁: "WPF模拟三维消防场景的技术实现", 《武警学院学报》 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2013152684A1 (zh) * | 2012-04-12 | 2013-10-17 | 天脉聚源(北京)传媒科技有限公司 | 一种实现三维饼状图动态呈现的方法 |
CN103729878A (zh) * | 2013-12-19 | 2014-04-16 | 江苏锐天信息科技有限公司 | 一种基于wpf的三维图形实现方法及三维文字实现方法 |
CN104484446A (zh) * | 2014-12-24 | 2015-04-01 | 天脉聚源(北京)科技有限公司 | 一种动态显示统计数据的方法及装置 |
CN105893513A (zh) * | 2016-03-30 | 2016-08-24 | 天脉聚源(北京)科技有限公司 | 显示数据的方法和装置 |
CN109308208A (zh) * | 2018-10-23 | 2019-02-05 | 新疆玖富万卡信息技术有限公司 | 一种终端数据显示方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
WO2013152684A1 (zh) | 2013-10-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109685891B (zh) | 一种基于深度图像的建筑物三维建模与虚拟场景生成方法及系统 | |
Raskar et al. | Table-top spatially-augmented realty: bringing physical models to life with projected imagery | |
CN102800119B (zh) | 一种三维曲线的动画展示方法和装置 | |
WO2019033859A1 (zh) | 模拟光照的渲染方法及终端 | |
US20060152579A1 (en) | Stereoscopic imaging system | |
CN109523622B (zh) | 一种非结构化的光场渲染方法 | |
CN107134000B (zh) | 一种融合现实的三维动态图像生成方法及系统 | |
CN103226830A (zh) | 三维虚实融合环境中视频纹理投影的自动匹配校正方法 | |
CN102779355A (zh) | 一种实现三维饼状图动态呈现的方法 | |
CN101266546A (zh) | 一种实现操作系统三维显示的方法和一种三维操作系统 | |
EP3533218B1 (en) | Simulating depth of field | |
CN202662016U (zh) | 一种实时虚拟试衣装置 | |
CN110689626A (zh) | 游戏模型渲染方法和装置 | |
CN102819855B (zh) | 二维图像的生成方法及装置 | |
CN104103091A (zh) | 3d智能建模方法和系统及3d模型柔性制造系统 | |
JP4996922B2 (ja) | 立体映像化 | |
CN103632390A (zh) | 一种利用d3d技术实现裸眼3d动画实时制作的方法 | |
Sheng et al. | A spatially augmented reality sketching interface for architectural daylighting design | |
CN102693065A (zh) | 立体影像视觉效果处理方法 | |
JP2015534299A (ja) | 逆変換によるビデオ投影の自動補正方法 | |
JP2017194857A (ja) | 自由視点映像表示装置 | |
CN202171927U (zh) | 一种幻影成像系统 | |
CN103763495A (zh) | 一种l型垂直幕地幕3d投影显示方法 | |
Santos et al. | Improve: An innovative application for collaborative mobile mixed reality design review | |
CN103530869A (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 | ||
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20121114 |