The invention discloses a method and a device for processing a rectangular tree diagram, relating to the technical field of the Internet, and solving the problems of complicated operation of obtaining rectangle names in the prior art. The method of the invention comprises: each rectangle rectangular tree traversal to be displayed in the text style and name, the name of the width of rectangle rectangle rectangle for traversal of the text style including text size and text spacing; according to the width of the rectangle and the rectangle rectangular name text style, determine the current line of words a rectangle, line of words for the number of words per line rectangle can hold; if the name of the rectangular rectangular words than for words, the current name of the rectangular rectangle line processing; on rectangular tree in each rectangle traversal after rectangle tree. The invention is mainly applicable to the scene of rendering rectangular tree in treemap control based on ECharts.
【技术实现步骤摘要】
处理矩形树图的方法和装置
本专利技术涉及互联网
,尤其涉及一种处理矩形树图的方法和装置。
技术介绍
ECharts(EnterpriseCharts)是一种商业级数据图表库,可提供直观、生动、可交互以及可个性化定制的可视化数据图表。基于ECharts中不同的控件可渲染出不同类型的图表,例如,折线图、柱状图、饼图、热力图以及矩形树图等。其中,利用treemap控件可渲染出矩形树图。矩形树图由若干不同大小的矩形组成,且通过矩形树图可直观看出同一组数据的对比。在实际应用中,每个矩形中都会显示对应的矩形名称,用户可直观获知各个矩形所代表的数据;当鼠标光标移至某一矩形所在区域时,会在该矩形的上层显示矩形名称以及对应的取值,从而用户可直观获知该矩形的取值。然而,当矩形树图中某一矩形的宽度小于矩形名称的长度时,无法在该矩形中显示矩形名称,只有当用户将鼠标的光标移至该矩形区域时,才可在该矩形的上层显示矩形名称以及对应的取值。因此,当矩形树图中有多个矩形无法显示矩形名称时,用户需要一一将鼠标光标移至对应的矩形区域,才可获知矩形名称,操作十分繁琐。
技术实现思路
鉴于上述技术问题,本专利技术提出了一种处理矩形树图的方法和装置,其目的在于解决现有技术中存在的以下问题:当矩形树图中某一矩形的宽度小于矩形名称的长度时,无法在该矩形中显示矩形名称,并只有当用户将鼠标的光标移至该矩形局域时,才可在该矩形的上层显示矩形名称以及对应的取值,从而当矩形树图中有多个矩形无法显示矩形名称时,用户需要一一将鼠标光标移至对应的矩形区域,才可获知矩形名称,操作十分繁琐。一方面,本专利技术提供了一种处 ...
【技术保护点】
一种处理矩形树图的方法,其特征在于,所述方法包括:遍历待显示的矩形树图中的各个矩形,获得遍历的当前矩形的宽度、矩形名称的文字样式以及矩形名称,所述文字样式包括文字尺寸和文字间距;根据所述当前矩形的宽度以及所述当前矩形的矩形名称的文字样式,确定所述当前矩形的行字数,所述行字数为矩形每行所能容纳的文字个数;若所述当前矩形的矩形名称的字数大于所述行字数,则对所述当前矩形的矩形名称进行换行处理;在对所述矩形树图中各个矩形遍历完毕后,显示所述矩形树图。
【技术特征摘要】
1.一种处理矩形树图的方法,其特征在于,所述方法包括:遍历待显示的矩形树图中的各个矩形,获得遍历的当前矩形的宽度、矩形名称的文字样式以及矩形名称,所述文字样式包括文字尺寸和文字间距;根据所述当前矩形的宽度以及所述当前矩形的矩形名称的文字样式,确定所述当前矩形的行字数,所述行字数为矩形每行所能容纳的文字个数;若所述当前矩形的矩形名称的字数大于所述行字数,则对所述当前矩形的矩形名称进行换行处理;在对所述矩形树图中各个矩形遍历完毕后,显示所述矩形树图。2.根据权利要求1所述的方法,其特征在于,根据所述当前矩形的宽度以及所述当前矩形的矩形名称的文字样式,确定所述当前矩形的行字数,包括:根据所述当前矩形的矩形名称对应的文字样式中文字尺寸以及文字间距,计算所述当前矩形对应的文字空间宽度,所述文字空间宽度为每个文字占用矩形的平均宽度;基于所述当前矩形的宽度以及所述文字空间宽度,确定所述当前矩形的行字数。3.根据权利要求1所述的方法,其特征在于,对所述当前矩形的矩形名称进行换行处理,包括:在所述当前矩形的矩形名称中,每隔所述行字数个文字,添加一个换行符。4.根据权利要求1至3中任一项所述的方法,其特征在于,在若所述当前矩形的矩形名称的字数大于所述行字数,则对所述当前矩形的矩形名称进行换行处理之前,所述方法还包括:获取所述当前矩形的高度;根据所述当前矩形的高度以及所述当前矩形的矩形名称的文字样式,确定所述当前矩形的列字数,所述列字数为矩形每列所能容纳的文字个数;将所述行字数与所述列字数相乘,获得所述当前矩形所能容纳的文字总数;若所述当前矩形的矩形名称的字数大于所述行字数,则对所述当前矩形的矩形名称进行换行处理,包括:若所述文字总数大于等于所述当前矩形的矩形名称的字数,则对所述当前矩形的矩形名称进行换行处理。5.根据权利要求4所述的方法,其特征在于,所述方法还包括:若所述文字总数小于所述当前矩形的矩形名称的字数,则根据所述当前矩形的矩形名称的字数、所述当前矩形的宽度以及所述当前矩形的高度,更换所述当前矩形的矩形名称对应的文字样式;基于更换后的文字样式,对所述当前矩形的矩形名称进行换行处理。6.一种处理矩形树图的装置,其特征在于,所述装置包括:遍历单元,用于...
【专利技术属性】
技术研发人员:张鹏霄,
申请(专利权)人:北京国双科技有限公司,
类型:发明
国别省市:北京,11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。