CN106340048A - 饼图渲染方法及装置 - Google Patents
饼图渲染方法及装置 Download PDFInfo
- Publication number
- CN106340048A CN106340048A CN201610815950.9A CN201610815950A CN106340048A CN 106340048 A CN106340048 A CN 106340048A CN 201610815950 A CN201610815950 A CN 201610815950A CN 106340048 A CN106340048 A CN 106340048A
- Authority
- CN
- China
- Prior art keywords
- radius area
- rendering
- area
- cut
- pie chart
- 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
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Image Generation (AREA)
Abstract
本发明实施例提供了一种饼图渲染方法及装置,所述方法包括:获取各个元素的权值,根据权值计算各个元素对应的圆角区域的角度;其中,每个元素的权值为该元素对应的数据量占总数据量的比例;总数据量为所有元素对应的数据量的和;根据角度,在预先绘制的初始化饼图中,绘制每一角度对应圆角区域的分割线,其中,相邻的两条分割线确定一个元素对应的圆角区域;以每条分割线为起始渲染位置,向顺时针方向和逆时针方向渲染该分割线所在的圆角区域,以完成饼图渲染。本实施例通过在初始化饼图中绘制分割线形成圆角区域,并以每条分割线为起始渲染位置,向顺时针方向和逆时针方向对圆角区域进行并行渲染,该方法渲染速度快,减少了渲染时间。
Description
技术领域
本发明涉及图像绘制技术领域,特别是涉及一种饼图渲染方法及装置。
背景技术
随着互联网的发展,人们对数据处理的要求越来越高,如何将大量的数据直观的展现在用户的面前,已成为研究的重要课题。
由于饼图能够直观的向用户展示构成该图形的各个元素的信息,因此,在实际应用中得到了越来越多的应用。具体地,饼图是一种能够直观表现每一个元素对应的数据量占所有数据量的比例的图形。例如,在100个人中,大于30岁的是60人,不大于30岁的是40人,那么元素就是“大于30岁的人”和“不大于30岁的人”,二者对应的数据量分别为60和40,总数据量为100,二者对应的比例分别为60%和40%。
现有的饼图绘制方法为:首先绘制初始化饼图,然后在初始化饼图上某一个起始位置开始,沿顺时针逐步渲染。例如,饼图的总角度为360度,可从0度开始,沿顺时针方向以某种颜色每一度的逐步渲染一个元素对应的角度,从而形成该元素对应的圆角区域,然后再更换另一种颜色继续逐步渲染另一个元素对应的圆角区域,直至渲染完成整个初始化饼图。
现有的饼图绘制方法,在渲染的过程中,由于需要逐步渲染360度的初始化饼图,因而渲染时间较长。
发明内容
本发明的目的在于,提供一种饼图渲染方法及装置,以减少渲染时间。
为达到上述目的,本发明实施例提供了一种饼图渲染方法,所述方法包括:
获取各个元素的权值,根据所述权值计算各个元素对应的圆角区域的角度;其中,每个元素的权值为该元素对应的数据量占总数据量的比例;所述总数据量为所有元素对应的数据量的和;
根据所述角度,在预先绘制的初始化饼图中,绘制每一角度对应圆角区域的分割线,其中,相邻的两条分割线确定一个元素对应的圆角区域;
以每条分割线为起始渲染位置,向顺时针方向和逆时针方向渲染该分割线所在的圆角区域,以完成饼图渲染。
较优地,所述以每条分割线为起始渲染位置,向顺时针方向和逆时针方向渲染该分割线所在的圆角区域,以完成饼图渲染的步骤,包括:
以每条分割线为起始渲染位置,按照以下方式向目标方向渲染该分割线所在的圆角区域,其中,所述目标方向为:顺时针方向或逆时针方向:
计算目标圆角区域的目标起始渲染位置对应的已渲染区域的目标角度,其中,所述目标圆角区域为:各个元素对应的圆角区域中的任意一个,所述目标起始渲染位置为:所述目标圆角区域的任一初始渲染位置;
判断所述目标角度是否小于所述目标圆角区域的角度的一半;
若为是,继续沿所述目标方向渲染所述目标圆角区域;
若为否,停止沿所述目标方向渲染所述目标圆角区域。
较优地,通过以下方式预先绘制所述初始化饼图:
确定所述初始化饼图的绘制区域;
在所述绘制区域上绘制圆心;
在距离所述圆心预设长度处绘制圆周线。
较优地,所述方法还包括:
根据每个圆角区域的区域位置,确定该圆角区域对应的信息展示位置;
在所确定的展示位置,展示各个圆角区域对应元素的数据量或权值。
较优地,所述根据每个圆角区域的区域位置,确定该圆角区域对应的信息展示位置的步骤,包括:
根据每个圆角区域的区域位置,在该圆角区域内部确定信息展示位置;或
根据每个圆角区域的区域位置,在该圆角区域外侧确定信息展示位置。
本发明还提供了一种饼图渲染装置,所述装置包括:
角度计算模块,用于获取各个元素的权值,根据所述权值计算各个元素对应的圆角区域的角度;其中,每个元素的权值为该元素对应的数据量占总数据量的比例;所述总数据量为所有元素对应的数据量的和;
分割线绘制模块,用于根据所述角度,在预先绘制的初始化饼图中,绘制每一角度对应圆角区域的分割线,其中,相邻的两条分割线确定一个元素对应的圆角区域;
圆角区域渲染模块,用于以每条分割线为起始渲染位置,向顺时针方向和逆时针方向渲染该分割线所在的圆角区域,以完成饼图渲染。
较优地,所述圆角区域渲染模块,具体用于以每条分割线为起始渲染位置,向目标方向渲染该分割线所在的圆角区域,其中,所述目标方向为:顺时针方向或逆时针方向:
所述圆角区域渲染模块,包括:
角度计算单元,用于计算目标圆角区域的目标起始渲染位置对应的已渲染区域的目标角度,其中,所述目标圆角区域为:各个元素对应的圆角区域中的任意一个,所述目标起始渲染位置为:所述目标圆角区域的任一初始渲染位置;
角度判断单元,用于判断所述目标角度是否小于所述目标圆角区域的角度的一半;
渲染单元,用于若为是,继续沿所述目标方向渲染所述目标圆角区域;
停止渲染单元,用于若为否,停止沿所述目标方向渲染所述目标圆角区域。
较优地,所述装置还包括:初始化饼图绘制模块,
所述初始化饼图绘制模块,用于预先绘制所述初始化饼图;
所述初始化饼图绘制模块,包括:
绘制区域确定单元,用于确定所述初始化饼图的绘制区域;
圆心绘制单元,用于在所述绘制区域上绘制圆心;
圆周线绘制单元,用于在距离所述圆心预设长度处绘制圆周线。
较优地,所述装置还包括:
位置确定模块,用于根据每个圆角区域的区域位置,确定该圆角区域对应的信息展示位置;
信息展示模块,用于在所确定的展示位置,展示各个圆角区域对应元素的数据量或权值。
较优地,所述信息展示位置确定模块,包括:
第一位置确定单元,用于根据每个圆角区域的区域位置,在该圆角区域内部确定信息展示位置;或
第二位置确定单元,用于根据每个圆角区域的区域位置,在该圆角区域外侧确定信息展示位置。
本发明实施例提供的饼图渲染方法及装置,通过在初始化饼图中绘制分割线形成圆角区域,并以每条分割线为起始渲染位置,向顺时针方向和逆时针方向对圆角区域进行并行渲染,完成饼图渲染时间短,而现有的渲染过程需要逐步渲染360度,完成饼图渲染时间长,因此,本发明实施例提供的饼图渲染方法及装置渲染速度快,减少了渲染时间。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的饼图渲染方法的流程图;
图2为本发明实施例提供的饼图的第一种示意图;
图3为图1中步骤S130的流程图;
图4为本发明实施例提供的饼图的第二种示意图;
图5为本发明实施例提供的饼图渲染装置的结构示意图;
图6为图5中圆角区域渲染模块的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
实施例一
如图1所示,为本发明实施例提供的饼图渲染方法的流程图,该方法应用于终端设备,其包括:
S110,获取各个元素的权值,根据所述权值计算各个元素对应的圆角区域的角度;其中,每个元素的权值为该元素对应的数据量占总数据量的比例;所述总数据量为所有元素对应的数据量的和。
本实施例中,元素可以理解为对事物划分的类别。例如,小说、散文和诗歌即为文章的不同类别。元素对应的数据量为不同类别事物的数量。例如,小说的数量、散文的数量和诗歌的数量等。
具体地,可通过如下方法计算各个元素的权值:
确定用于生成饼图的总数据后,首先获取总数据量(即所有元素对应的数据量的和),然后从所确定的总数据中统计各个元素对应的数据量,将每个元素的数据量除以总数据量,得到的比值即为该元素的权值。例如,在一个身高样品集合中,身高在小于1.6米、1.6米-1.7米、大于1.7米的人数分别为10、15、25,则总数据量为40,元素“身高在小于1.6米的人”的权值为1/4。
具体地,由于所有元素对应的数据量均要在饼图中展示,而饼图的角度为360度,因此,将某个元素的权值乘以360度,即得到该元素对应的圆角区域的角度。例如,元素“身高在小于1.6米的人”的权值为1/4,其对应的圆角区域的角度为90度。
S120,根据所述角度,在预先绘制的初始化饼图中,绘制每一角度对应圆角区域的分割线,其中,相邻的两条分割线确定一个元素对应的圆角区域。
本实施例中,可通过以下方式预先绘制所述初始化饼图:
A1、确定所述初始化饼图的绘制区域;
具体地,绘制区域可以为终端设备屏幕的全部区域或部分区域,也可根据要绘制的初始化饼图的个数将屏幕的全部区域进行均分,得到绘制区域的大小。优选地,在绘制区域确定后,设置区域背景颜色为透明,以保证不影响饼图的整体颜色。
A2、在所述绘制区域上绘制圆心。
具体地,圆心的位置可自由设定,优选设置在绘制区域的中心位置。
A3、在距离所述圆心预设长度处绘制圆周线。
具体地,预设长度为初始化饼图的半径,可根据绘制区域的大小自由设定。本实施例中,在圆心确定后,可记录圆心的坐标,在绘制区域上查找距离圆心坐标为半径长度的位置并绘制点,这些点组成圆周线;也可以先在绘制区域绘制满所有的点后,判断每个点距离圆心坐标的长度是否为半径长度,如果否,则删去该点;如果是,则保留该点,最终剩余的点组成圆周线。
如图2所示,为本发明实施例提供的饼图的第一种示意图,其中,分割线为从圆心到圆周线上某一点的连线,例如,分割线a、b和c。分割线将整个圆周线分割成多段圆周分段线,例如,圆周分段线d、e和f。圆角区域为相邻两条分割线与圆周分段线围成的区域。例如,分割线a、b和圆周分段线d围成的区域为圆角区域。
具体地,在初始化饼图中选择任意角度位置(如0度或90度)绘制起始分割线,然后根据某个元素对应圆角区域的角度沿某一方向(顺时针或逆时针方向)绘制第二条分割线,这两条分割线之间形成该元素对应的圆角区域。然后再根据另一个元素对应圆角区域的角度沿相同方向绘制第三条分割线,第二条分割线和第三条分割线之间形成该元素对应的圆角区域,以此类推。剩余最后一个元素对应的角度时,无需再绘制分割线,即起始分割线与倒数第二条分割线之间的圆角区域为最后一个元素对应的圆角区域。
仍然以图2为例,首先在初始饼图的任意位置绘制分割线a,并将分割线a作为起始分割线,然后沿顺时针方向,旋转第一个元素对应圆角区域的角度后,绘制分割线b,分割线a、b和圆周分段线d围成的区域为第一个元素对应的圆角区域;再沿顺时针方向,旋转第二个元素对应圆角区域的角度后,绘制分割线c,分割线b、c和圆周分段线e围成的区域为第二个元素对应的圆角区域;剩余第三个元素时,无需再绘制分割线,分割线c、a和圆周分段线f围成的区域为第三个元素对应的圆角区域。
由上述可见,任意相邻的两条分割线确定一个元素对应的圆角区域,且整个饼图中包含所有的元素对应的圆角区域,圆角区域之间不重叠,两两紧邻,共用一条分割线,所有的圆角区域的对应角度之和为360度。
S130,以每条分割线为起始渲染位置,向顺时针方向和逆时针方向渲染该分割线所在的圆角区域,以完成饼图渲染。
本实施例中,每条分割线所在的圆角区域为两个,即以该分割线为公共边的相邻两个圆角区域。以某一条分割线为例,以该分割线为起始渲染位置,向顺时针方向渲染右侧的圆角区域,并同时向逆时针方向渲染左侧的圆角区域。优选地,在所有的分割线处均可同时进行渲染,直至完全渲染整个饼图。例如,在分割线a处向顺时针和逆时针方向同时渲染第一圆角区域和第三圆角区域(如图2所示);同时,在分割线b处向顺时针和逆时针方向同时渲染第二圆角区域和第一圆角区域;同时,在分割线c处向顺时针和逆时针方向同时渲染第三圆角区域和第一圆角区域。
本发明实施例提供的饼图渲染方法,通过在初始化饼图中绘制分割线形成圆角区域,并以每条分割线为起始渲染位置,向顺时针方向和逆时针方向对圆角区域进行并行渲染,该方法渲染速度快,减少了渲染时间。
值得注意的是,虽然上述实施例提到的饼图渲染方法可以减少渲染时间,但由于是在多个分割线处向顺时针和逆时针方向同时渲染相应的圆角区域,有可能出现重复渲染的问题。例如,在分割线a处向顺时针方向渲染,在分割线b处向逆时针方向渲染,二者渲染过量,导致第一个圆角区域中的某一部分区域被重复渲染。
优选地,为了避免上述问题,如图3所示,为图1中步骤S130的流程图,S130包括:以每条分割线为起始渲染位置,按照以下方式向目标方向渲染该分割线所在的圆角区域,其中,所述目标方向为:顺时针方向或逆时针方向。
S310,计算目标圆角区域的目标起始渲染位置对应的已渲染区域的目标角度。
具体地,目标圆角区域为:各个元素对应的圆角区域中的任意一个,目标起始渲染位置为:目标圆角区域的任一初始渲染位置。
本实施例中,以某一条分割线为例,令目标方向为顺时针方向,目标圆角区域为该条分割线右侧的圆角区域,目标起始渲染位置即为该分割线位置,已渲染区域即为从该分割线处顺时针方向渲染右侧的圆角区域时形成的区域。如图2所示,从分割线a处向顺时针方向进行渲染,渲染至虚线p后,分割线a、虚线p和圆周分段线d中的弧线q围城的区域为已渲染区域,目标角度即为该已渲染区域的角度。角度的计算方法为现有技术,此处不再赘述。
S320,判断所述目标角度是否小于所述目标圆角区域的角度的一半;
S330,若为是,继续沿所述目标方向渲染所述目标圆角区域;
S340,若为否,停止沿所述目标方向渲染所述目标圆角区域。
具体地,实时计算已渲染区域的角度大小,并判断该角度是否小于该已渲染区域所在的圆角区域角度的一半。如果是,表明该已渲染区域没有超过其所在圆角区域的一半,需要沿原方向继续渲染所在圆角区域;如果否,表明该已渲染区域已经超过其所在圆角区域的一半,停止继续渲染所在圆角区域。
本实施例中,由于每个圆角区域存在两个分割线,即可从两个起始渲染位置出发同时渲染该圆角区域,该方法通过计算已渲染区域角度,根据角度判断已渲染区域是否超过所在圆角区域的一半,从而实现及时停止对圆角区域过量的渲染,避免了重复渲染,节省了渲染资源。
优选地,所述方法还包括:
C1、根据每个圆角区域的区域位置,确定该圆角区域对应的信息展示位置。
如图4所示,为本发明实施例提供的饼图的第二种示意图,可根据每个圆角区域的区域位置,在该圆角区域内部确定信息展示位置,例如,信息展示位置为每个圆角区域的中心位置;也可以根据每个圆角区域的区域位置,在该圆角区域外侧确定信息展示位置,例如,在每个圆角区域圆周线的中心处向外做引线注释,注释的位置为信息展示位置。
C2、在所确定的展示位置,展示各个圆角区域对应元素的数据量或权值。
本实施例中,在确定了展示位置之后,在这些展示位置处展示各个圆角区域对应元素的数据量或权值,具体的展示方法为现有技术,此处不再赘述。
具体地,如图4所示,为了直观的展示各个元素的数据量的多少,展示的内容可以为各个元素的数据量(如25、35、40);为了直观的展示各个元素的数据量的百分比,展示的内容可以为各个元素的权值(如25%、35%、40%)。
实施例二
如图5所示,为本发明实施例提供的饼图渲染装置的结构示意图,用于执行如图1所述的方法,所述装置包括:
角度计算模块510,用于获取各个元素的权值,根据所述权值计算各个元素对应的圆角区域的角度;其中,每个元素的权值为该元素对应的数据量占总数据量的比例;所述总数据量为所有元素对应的数据量的和;
分割线绘制模块520,用于根据所述角度,在预先绘制的初始化饼图中,绘制每一角度对应圆角区域的分割线,其中,相邻的两条分割线确定一个元素对应的圆角区域;
圆角区域渲染模块530,用于以每条分割线为起始渲染位置,向顺时针方向和逆时针方向渲染该分割线所在的圆角区域,以完成饼图渲染。
本发明实施例提供的饼图渲染装置,通过在初始化饼图中绘制分割线形成圆角区域,并以每条分割线为起始渲染位置,向顺时针方向和逆时针方向对圆角区域进行并行渲染,该方法渲染速度快,减少了渲染时间。
如图6所示,为图5中圆角区域渲染模块的结构示意图,用于执行如图3所示的方法,所述装置包括:
所述圆角区域渲染模块530,具体用于以每条分割线为起始渲染位置,向目标方向渲染该分割线所在的圆角区域,其中,所述目标方向为:顺时针方向或逆时针方向:
所述圆角区域渲染模块530,包括:
角度计算单元531,用于计算目标圆角区域的目标起始渲染位置对应的已渲染区域的目标角度,其中,所述目标圆角区域为:各个元素对应的圆角区域中的任意一个,所述目标起始渲染位置为:所述目标圆角区域的任一初始渲染位置;
角度判断单元532,用于判断所述目标角度是否小于所述目标圆角区域的角度的一半;
渲染单元533,用于若为是,继续沿所述目标方向渲染所述目标圆角区域;
停止渲染单元534,用于若为否,停止沿所述目标方向渲染所述目标圆角区域。
本实施例提供的饼图渲染装置,通过计算已渲染区域角度,根据角度判断已渲染区域是否超过所在圆角区域的一半,从而实现及时停止对圆角区域过量的渲染,避免了重复渲染,节省了渲染资源。
优选地,所述装置还包括:初始化饼图绘制模块,所述初始化饼图绘制模块,用于预先绘制所述初始化饼图:
所述初始化饼图绘制模块,包括:
绘制区域确定单元,用于确定所述初始化饼图的绘制区域;
圆心绘制单元,用于在所述绘制区域上绘制圆心;
圆周线绘制单元,用于在距离所述圆心预设长度处绘制圆周线。
优选地,所述装置还包括:
位置确定模块,用于根据每个圆角区域的区域位置,确定该圆角区域对应的信息展示位置;
信息展示模块,用于在所确定的展示位置,展示各个圆角区域对应元素的数据量或权值。
优选地,所述信息展示位置确定模块,包括:
第一位置确定单元,用于根据每个圆角区域的区域位置,在该圆角区域内部确定信息展示位置;或
第二位置确定单元,用于根据每个圆角区域的区域位置,在该圆角区域外侧确定信息展示位置。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种饼图渲染方法,其特征在于,所述方法包括:
获取各个元素的权值,根据所述权值计算各个元素对应的圆角区域的角度;其中,每个元素的权值为该元素对应的数据量占总数据量的比例;所述总数据量为所有元素对应的数据量的和;
根据所述角度,在预先绘制的初始化饼图中,绘制每一角度对应圆角区域的分割线,其中,相邻的两条分割线确定一个元素对应的圆角区域;
以每条分割线为起始渲染位置,向顺时针方向和逆时针方向渲染该分割线所在的圆角区域,以完成饼图渲染。
2.根据权利要求1所述的方法,其特征在于,所述以每条分割线为起始渲染位置,向顺时针方向和逆时针方向渲染该分割线所在的圆角区域,以完成饼图渲染的步骤,包括:
以每条分割线为起始渲染位置,按照以下方式向目标方向渲染该分割线所在的圆角区域,其中,所述目标方向为:顺时针方向或逆时针方向:
计算目标圆角区域的目标起始渲染位置对应的已渲染区域的目标角度,其中,所述目标圆角区域为:各个元素对应的圆角区域中的任意一个,所述目标起始渲染位置为:所述目标圆角区域的任一初始渲染位置;
判断所述目标角度是否小于所述目标圆角区域的角度的一半;
若为是,继续沿所述目标方向渲染所述目标圆角区域;
若为否,停止沿所述目标方向渲染所述目标圆角区域。
3.根据权利要求1或2所述的方法,其特征在于,通过以下方式预先绘制所述初始化饼图:
确定所述初始化饼图的绘制区域;
在所述绘制区域上绘制圆心;
在距离所述圆心预设长度处绘制圆周线。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
根据每个圆角区域的区域位置,确定该圆角区域对应的信息展示位置;
在所确定的展示位置,展示各个圆角区域对应元素的数据量或权值。
5.根据权利要求4所述的方法,其特征在于,所述根据每个圆角区域的区域位置,确定该圆角区域对应的信息展示位置的步骤,包括:
根据每个圆角区域的区域位置,在该圆角区域内部确定信息展示位置;或
根据每个圆角区域的区域位置,在该圆角区域外侧确定信息展示位置。
6.一种饼图渲染装置,其特征在于,所述装置包括:
角度计算模块,用于获取各个元素的权值,根据所述权值计算各个元素对应的圆角区域的角度;其中,每个元素的权值为该元素对应的数据量占总数据量的比例;所述总数据量为所有元素对应的数据量的和;
分割线绘制模块,用于根据所述角度,在预先绘制的初始化饼图中,绘制每一角度对应圆角区域的分割线,其中,相邻的两条分割线确定一个元素对应的圆角区域;
圆角区域渲染模块,用于以每条分割线为起始渲染位置,向顺时针方向和逆时针方向渲染该分割线所在的圆角区域,以完成饼图渲染。
7.根据权利要求6所述的装置,其特征在于,
所述圆角区域渲染模块,具体用于以每条分割线为起始渲染位置,向目标方向渲染该分割线所在的圆角区域,其中,所述目标方向为:顺时针方向或逆时针方向:
所述圆角区域渲染模块,包括:
角度计算单元,用于计算目标圆角区域的目标起始渲染位置对应的已渲染区域的目标角度,其中,所述目标圆角区域为:各个元素对应的圆角区域中的任意一个,所述目标起始渲染位置为:所述目标圆角区域的任一初始渲染位置;
角度判断单元,用于判断所述目标角度是否小于所述目标圆角区域的角度的一半;
渲染单元,用于若为是,继续沿所述目标方向渲染所述目标圆角区域;
停止渲染单元,用于若为否,停止沿所述目标方向渲染所述目标圆角区域。
8.根据权利要求6或7所述的装置,其特征在于,所述装置还包括:初始化饼图绘制模块,
所述初始化饼图绘制模块,用于预先绘制所述初始化饼图;
所述初始化饼图绘制模块,包括:
绘制区域确定单元,用于确定所述初始化饼图的绘制区域;
圆心绘制单元,用于在所述绘制区域上绘制圆心;
圆周线绘制单元,用于在距离所述圆心预设长度处绘制圆周线。
9.根据权利要求6所述的装置,其特征在于,所述装置还包括:
位置确定模块,用于根据每个圆角区域的区域位置,确定该圆角区域对应的信息展示位置;
信息展示模块,用于在所确定的展示位置,展示各个圆角区域对应元素的数据量或权值。
10.根据权利要求9所述的装置,其特征在于,所述信息展示位置确定模块,包括:
第一位置确定单元,用于根据每个圆角区域的区域位置,在该圆角区域内部确定信息展示位置;或
第二位置确定单元,用于根据每个圆角区域的区域位置,在该圆角区域外侧确定信息展示位置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610815950.9A CN106340048A (zh) | 2016-09-12 | 2016-09-12 | 饼图渲染方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610815950.9A CN106340048A (zh) | 2016-09-12 | 2016-09-12 | 饼图渲染方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106340048A true CN106340048A (zh) | 2017-01-18 |
Family
ID=57838603
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610815950.9A Pending CN106340048A (zh) | 2016-09-12 | 2016-09-12 | 饼图渲染方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106340048A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108399386A (zh) * | 2018-02-26 | 2018-08-14 | 阿博茨德(北京)科技有限公司 | 饼图中的信息提取方法及装置 |
CN109062480A (zh) * | 2018-07-12 | 2018-12-21 | 北京猫眼文化传媒有限公司 | 一种信息显示方法及装置 |
CN109445782A (zh) * | 2018-09-20 | 2019-03-08 | 新华三大数据技术有限公司 | 一种环状占比图的生成方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103578139A (zh) * | 2012-07-18 | 2014-02-12 | 方正国际软件(北京)有限公司 | 一种不等高度的三维立体饼图的绘制方法及系统 |
CN104217450A (zh) * | 2014-09-05 | 2014-12-17 | 南京航空航天大学 | 一种任意角度圆弧的快速绘制方法 |
US20150040052A1 (en) * | 2013-07-31 | 2015-02-05 | Splunk Inc. | Radial graphs for visualizing data in real-time |
CN105739870A (zh) * | 2016-02-01 | 2016-07-06 | 锐达互动科技股份有限公司 | 一种交互式电子白板的饼状图制作方法 |
-
2016
- 2016-09-12 CN CN201610815950.9A patent/CN106340048A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103578139A (zh) * | 2012-07-18 | 2014-02-12 | 方正国际软件(北京)有限公司 | 一种不等高度的三维立体饼图的绘制方法及系统 |
US20150040052A1 (en) * | 2013-07-31 | 2015-02-05 | Splunk Inc. | Radial graphs for visualizing data in real-time |
CN104217450A (zh) * | 2014-09-05 | 2014-12-17 | 南京航空航天大学 | 一种任意角度圆弧的快速绘制方法 |
CN105739870A (zh) * | 2016-02-01 | 2016-07-06 | 锐达互动科技股份有限公司 | 一种交互式电子白板的饼状图制作方法 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108399386A (zh) * | 2018-02-26 | 2018-08-14 | 阿博茨德(北京)科技有限公司 | 饼图中的信息提取方法及装置 |
CN108399386B (zh) * | 2018-02-26 | 2022-02-08 | 阿博茨德(北京)科技有限公司 | 饼图中的信息提取方法及装置 |
CN109062480A (zh) * | 2018-07-12 | 2018-12-21 | 北京猫眼文化传媒有限公司 | 一种信息显示方法及装置 |
CN109445782A (zh) * | 2018-09-20 | 2019-03-08 | 新华三大数据技术有限公司 | 一种环状占比图的生成方法及装置 |
CN109445782B (zh) * | 2018-09-20 | 2021-10-12 | 新华三大数据技术有限公司 | 一种环状占比图的生成方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9620085B2 (en) | Representation of overlapping visual entities | |
US20110265023A1 (en) | Interactive Representation of Clustered Entities | |
CN106340048A (zh) | 饼图渲染方法及装置 | |
Carnecky et al. | Smart transparency for illustrative visualization of complex flow surfaces | |
WO2016145832A1 (zh) | 终端的操作方法及装置 | |
TWI601020B (zh) | 圖表分析系統及圖表分析方法 | |
CN106791804B (zh) | 用于摄像头模组的污点检测方法及装置 | |
TWI690808B (zh) | 一種資料重組方法和裝置 | |
CN110909596B (zh) | 侧脸识别方法、装置、设备以及存储介质 | |
CN112433796B (zh) | 电子书的仿真翻页方法、电子设备及计算机存储介质 | |
CN104102349B (zh) | 内容分享方法和装置 | |
CN104568981A (zh) | 基于图像的建筑物墙壁缺陷测量方法及其系统 | |
CN109324796A (zh) | 界面布局方法及装置 | |
CN110460827A (zh) | 振镜工作状态的确定方法、装置及计算机存储介质 | |
CN110266994A (zh) | 一种视频通话方法、视频通话装置及终端 | |
CN106202181A (zh) | 一种情感分类方法、装置及系统 | |
CN106156132B (zh) | 图片加载显示方法和装置 | |
CN110910334A (zh) | 一种实例分割方法、图像处理设备及计算机可读存储介质 | |
CN112433795A (zh) | 电子书的仿真翻页方法、电子设备及计算机存储介质 | |
WO2018000883A1 (zh) | 数据生成方法和装置、终端、服务器和存储介质 | |
CN108961406A (zh) | 地理信息可视化方法、装置及用户终端 | |
KR20240142393A (ko) | 부동산 시세 추정 방법 및 그 시스템 | |
CN107330849A (zh) | 一种全景图像拼接的方法、装置、设备及存储介质 | |
Brandenburg | Upward planar drawings on the standing and the rolling cylinders | |
CN107450840A (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 | ||
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20170118 |