【技术实现步骤摘要】
基于环形图的数据展示方法、装置和计算机设备
本申请涉及大数据领域,特别是涉及到基于环形图的数据展示方法、装置和计算机设备。
技术介绍
前端页面通常采用环形图、饼状图、柱状图、折线图等较为直观的方式展示数据,将数据按照时间等分类元素进行分类,以直观展示数据对比状态及数据变化趋势。现有环形图echarts利用饼状图实现环形图的方案,但此种类型的环形图根据比例数据形成,无法能够跟随数据动态变化实时调整的需求。
技术实现思路
本申请的主要目的为提供基于环形图的数据展示,旨在解决现有不能跟随数据动态变化实时调整的技术问题。本申请提出一种基于环形图的数据展示方法,包括:获取用户输入的待展示数据包含的数据展示类型的数量;根据所述数据展示类型的数量,确定所述待展示数据对应的极坐标系的数量;以画布中的同一点为极坐标原点,创建与所述极坐标系的数量相对应的极坐标系;将所述待展示数据对应的数据参量,一一对应赋值于各所述极坐标系的参数配置表中,形成所述待展示数据对应的极坐标数据组;将所述待展示数据对应的极坐标数据组,一一对应转换成直角坐标系数据,得到所述待展示数据对应的环形图。优选地,所述数据展示类型包括数据的比例展示和文本展示,所述以画布中的同一点为极坐标原点,创建与所述极坐标系的数量相对应的极坐标系的步骤,包括:获取用户输入的极坐标原点的坐标数据;根据所述极坐标原点的坐标数据,在canvas画布中定位所述极坐标原点;在所述极坐标原点上设置所
【技术保护点】
1.一种基于环形图的数据展示方法,其特征在于,包括:/n获取用户输入的待展示数据包含的数据展示类型的数量;/n根据所述数据展示类型的数量,确定所述待展示数据对应的极坐标系的数量;/n以画布中的同一点为极坐标原点,创建与所述极坐标系的数量相对应的极坐标系;/n将所述待展示数据对应的数据参量,一一对应赋值于各所述极坐标系的参数配置表中,形成所述待展示数据对应的极坐标数据组;/n将所述待展示数据对应的极坐标数据组,一一对应转换成直角坐标系数据,得到所述待展示数据对应的环形图。/n
【技术特征摘要】 【专利技术属性】
1.一种基于环形图的数据展示方法,其特征在于,包括:
获取用户输入的待展示数据包含的数据展示类型的数量;
根据所述数据展示类型的数量,确定所述待展示数据对应的极坐标系的数量;
以画布中的同一点为极坐标原点,创建与所述极坐标系的数量相对应的极坐标系;
将所述待展示数据对应的数据参量,一一对应赋值于各所述极坐标系的参数配置表中,形成所述待展示数据对应的极坐标数据组;
将所述待展示数据对应的极坐标数据组,一一对应转换成直角坐标系数据,得到所述待展示数据对应的环形图。
2.根据权利要求1所述的基于环形图的数据展示方法,其特征在于,所述数据展示类型包括数据的比例展示和文本展示,所述以画布中的同一点为极坐标原点,创建与所述极坐标系的数量相对应的极坐标系的步骤,包括:
获取用户输入的极坐标原点的坐标数据;
根据所述极坐标原点的坐标数据,在canvas画布中定位所述极坐标原点;
在所述极坐标原点上设置所述比例展示对应的第一极坐标系,以及所述文本展示对应的第二极坐标系。
3.根据权利要求2所述的基于环形图的数据展示方法,其特征在于,所述极坐标系包括极坐标原点、极坐标角度轴和极坐标径向轴,所述在所述极坐标原点上设置所述比例展示对应的第一极坐标系,以及所述文本展示对应的第二极坐标系的步骤,包括:
根据用户选定的环形图占比所述canvas画布的面积比例,确定所述第一极坐标系对应的第一径向轴赋值,根据预设的环形图的显示比例,设置所述第一极坐标系对应的第一角向轴赋值;
根据所述文本展示的数据相对于所述环形图的预设展示位置关系、所述第一径向轴赋值以及所述第一角向轴赋值,确定所述第二极坐标对应的第二径向轴赋值和第二角向轴赋值。
4.根据权利要求3所述的基于环形图的数据展示方法,其特征在于,所述比例展示数据包括多组,多组所述比例展示数据同时赋值于一个所述第一极坐标系中,所述根据用户选定的环形图占比所述canvas画布的面积比例,确定所述第一极坐标系对应的第一径向轴赋值,根据预设的环形图的显示比例,设置所述第一极坐标系对应的第一角向轴赋值的步骤,包括:
根据用户选定的环形图占比所述canvas画布的面积比例,确定所述第一极坐标系对应的第一径向轴赋值;
根据所述第一径向轴赋值形成空白环形图;
获取用户输入的多组所述比例展示的数据的输入次序,其中,各组所述比例展示的数据分别包括当前数据值和预设目标值;
根据所述输入次序分别实时计算各组所述比例展示的数据中当前数据值占比预设目标值的比例值;
将各所述比例值,按照所述输入次序依次填充为所述第一角向轴赋值,在所述空白环形图中形成依据各所述比例值依次填充的环形图。
5.根据权利要求3所述的基于环形图的数据展示方法,其特征在于,所述比例展示的数据包括多组,多组所述比例展示的数据一一对应赋值于各所述第一极坐标系中,所有所述第一极坐标系具有相同的极坐标原点以及极坐标径向轴赋值,所述根据用户选定的环形图占比所述canvas画布的面积比例,确定所述第一极坐标系对应的第一径向轴赋值,根据预设的环形图的显示比例,设置所述第一极坐标系对应的第一角向轴赋值的步骤,包括:
根据用户选定的环形图占比所述canvas画布的面积比例,确定所有所述第一极坐标系共同对应的第三径向轴赋值;
技术研发人员:杨笑男,
申请(专利权)人:平安普惠企业管理有限公司,
类型:发明
国别省市:广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。